タグ「ズルいデザインテクニック」

タグズルいデザインテクニック

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 10 / 10件)

ズルいデザインテクニック2013 + セミフラット version - in 福井 // Speaker Deck

2013/12/07 170 users Speaker Deck events DESIGN 前回

WCAF Vol.11 「Design」 in 福井で発表させていただきました。内容は大体、前回の大阪バージョンと同じです。 http://wcaf.doorkeeper.jp/events/7028 少ない装飾で素材の魅力を生かす、ズルいWebデザイン実践編 https://speakerdeck.com/ken_c_lo/shao-naizhuang-shi-desu-cai-falsem... 続きを読む

ズルいデザインテクニック2013 + セミフラット version // Speaker Deck

2013/09/21 822 users Speaker Deck

[大阪] プログラマー向けデザイン勉強会で発表させていただきました。 http://connpass.com/event/3086/ --- 合わせて読みたい KSSで作るパターンライブラリ by machida https://speakerdeck.com/machida/kssdezuo-rupatanraiburari 続きを読む

ズルいデザイン（4）：ズルいデザインテクニックを生かして作る、汎用性のあるズルいボタンデザイン (1/3) - ＠IT

2013/09/12 773 users ズルいデザイン汎用性集大成スライド改定

さて今回は、ズルいデザインテクニックの集大成ともいえる「ズルいボタン」です。これまでの連載で取り上げた数々のズルいデザインテクニック、「ズルいテキストシャドウ」「ズルいグラデーション」「ズルい角丸」、そして前回解説した「ズルいボックスシャドウ」を用いたズルいボタンの作り方を解説します。今回のズルいボタンに関しては、以前にズルいデザインテクニックのスライドで紹介したものから大幅に改定を加えて、より... 続きを読む

ズルいデザイン（3）：box-shadowで表現する、「セミフラット」なズルいデザインテクニック (1/2) - ＠IT

2013/08/21 568 users box-shadow 描画皮切り組み合わせトレンド

box-shadowを活用した各種ボックス表現の作り方を紹介。フラットデザインの中でも違和感なく使える「やりすぎていない立体感」とは？世の中、フラットデザイン流行りですが…… iOS 7がフラットデザインを採用したのを皮切りに、Webデザインのトレンドがフラットデザイン一色になってきましたが、立体感を完全に排した色面と空間、シンプルな描画の組み合わせだけのデザイン表現は、ある種ごまかしが効かず、... 続きを読む

ズルいデザイン（3）：box-shadowで表現する、「セミフラット」なズルいデザインテクニック (1/2) - ＠IT

2013/08/21 568 users box-shadow ズルいデザイン

世の中、フラットデザイン流行りですが…… iOS 7がフラットデザインを採用したのを皮切りに、Webデザインのトレンドがフラットデザイン一色になってきましたが、立体感を完全に排した色面と空間、シンプルな描画の組み合わせだけのデザイン表現は、ある種ごまかしが効かず、また適切な利用方法を喚起させるようなUIも表現がなかなか難しいものです。例えば、「ボタンは押せるもの」であると表現するための「押したく... 続きを読む

ズルいデザインテクニックを真似てみたら凄くズルかった | ハヤクユケ

2013/03/04 15 users ハヤクユケ

毎度です、 @Ebba_oBL です。このブログのヘッダーとフッターがなんだか気に入らなくなってきていまして、気に入らないとどうもムズムズした毎日を過ごすことになります。レイアウトの問題なら「えいやっ」とやってしまうのですが、細かいディテールを作り込む作業はどうも腰が重く、ずっと宿題にしていました。この度ようやく腰を上げることになりまして、良くも悪くも変わりましたので記事にしてみます。スポ... 続きを読む

ズルいデザイン（2）：SassやCompassを使って、ズルいデザインテクニック (1/2) - ＠IT

2013/02/27 272 users Sass Compass グラデーション個々ズルいデザイン

SassやCompassを使って、少ない手間でちょっといい感じに見せる小ズルいTipsを紹介。グラデーション、角丸のお手軽かつ効果的な使い方とは？シリーズ第2回、前回に続き、今回もSassやCompassを使って、少ない手間でちょっといい感じに見せる小ズルいTipsを紹介します。今回は、グラデーション、角丸のお手軽かつ効果的な使い方について解説します。（注）このページでは、個々のデザイン要素... 続きを読む

ズルいデザイン（1）：少ない手間と知識でそれなりに見せる、ズルいデザインテクニック (1/2) - ＠IT

2012/12/05 1663 users ズルいデザイン少ない手間知識プログラマハッカソン

Webプログラマ、Webエンジニアの皆さんが、個人で作るWebサービスやハッカソンなどで、短期間に集中してサービス開発してローンチしたいときに、もうちょっと自分でイイ感じにデザインできるといいなあという声をよく聞きます。この企画は、そんなプログラマが、少ない手間で簡単に、ちょっといい感じのデザインに見せるための、ちょっとした小ズルいTipsを紹介します。（注）このページでは、個々のデザイン要素... 続きを読む

第一回プログラマ向けデザイン勉強会 #design4p で「ズルいデザインテクニック」発表させていただきました。 - 納豆には卵を入れる派です。

2012/11/15 699 users 納豆プログラマ向けデザイン勉強会 Sass DESIGN

design, Sass, 作ったものどうも。書くのが遅くなりすぎてもう半月ほども前のことになってすごく今更感があるのですが、書いておくべきことを書きそびれると、その後出てくる他の書きたい小ネタがどんどん書けなくなっていってドンづまるパターンになるので、やはり書いておきますね。。先日、第一回プログラマ向けデザイン勉強会というイベントで下記のスライド発表させていただきました。少ない手間と知識でそれ... 続きを読む

少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck

2012/10/27 2700 users Speaker Deck 少ない手間知識

(1 - 10 / 10件)