Twitter、Facebook(アプリ)のデザインから学ぶ立体感のつけ方
TwitterやFacebookのデザインを良くみてみると、立体感のつけ方に一工夫あるのがわかります。（現在のデザインになってからだいぶ経っており、今更な感じですが…）その立体感のつけ方が洗練されていて良いなぁと思ったので、どのように作られているかをまとめてみました。 再現PSDデータをダウンロード ※アイコンは本物と異なっており、形の近いものを使っております。ご了承ください。 1. Twitter ヘッダーのアイコンやボタン部分を拡大し、つけられている効果を書き出してみました。 アイコンと文字（現在地表示） アイコンと文字（通常表示） ボタン これらを再現してみると、以下のようになります。 偽Twitterみたいな感じですねｗ それぞれにつけた効果の詳細は実際のファイルでご確認ください。 2. Facebook（アプリ） ヘッダーのアイコンやボタン部分を拡大し、つけられている効果を書き出
” 神は細部に宿る ” じゃあどうすれば良いんだ？を細かい部分に落としこんで具体的に考えてみた。 / Maka-Veli .com
デザインに限った話でもなく、作られるモノ全てに共通する、そう、アレです。神は細部にナンチャラカンチャラ。頭や理論は理解していても、具体的に落としこむ、あるいは制作中は見えなくなってしまうものです。じゃあ具体的に考えておくことで、実践で活動できればなーと思いたったので記事に。ちなみに書き始めは年明け早々1月1日、遅く起きた午後、いやもう夕方。頭痛いっす。そんなわけ本題どうぞ。 例えばWebサイト さん・おいけ オンラインストア http://www.sun-oike.co.jp/webshop/ キャッチコピーの感じにルビをふっています。 ひらがなの柔らかい雰囲気がプラスされ、 更に下部にあるナビゲーションの縦ズレがリズムを生んで楽しいです。 IKEYAN WEB http://www.ikeyan.jp/ 「Twitter」等の見出しに、わかりやすく、小さなアイコンが添えら
MdN Design｜総合情報サイト
第2回「Coming Soonページをデザインする」 2009年11月26日 翻訳元サイト：Smashing Magazine http://www.smashingmagazine.com/ 原文：Designing “Coming Soon” Pages http://www.smashingmagazine.com/2009/11/10/designing-coming-soon-pages/ 翻訳：中野恵美子 ※本記事は「Smashing Magazine」様より許可を得て翻訳、掲載しています ドメインを購入したが、まだWebサイトをローンチしていない時、何をすべきか決めるのは、いつでもちょっとした難問だ。ドメイン管理団体やWebホスティング会社のデフォルトページをそのまま表示させておくのは、プロらしいとは言えない。とはいえ、Webサイト制作に本格的に取り組むべき段階では、汎用的な
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.akiyan.com/bootstrap-history/
CSS Arrow Please - By Simon Hoejberg - @shojberg
