気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
Twitter、Facebook(アプリ)のデザインから学ぶ立体感のつけ方
193 users
www.ar-ch.org
www.ar-ch.org
www.ar-ch.org
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
TwitterやFacebookのデザインを良くみてみると、立体感のつけ方に一工夫あるのがわかります。（現在のデ... TwitterやFacebookのデザインを良くみてみると、立体感のつけ方に一工夫あるのがわかります。（現在のデザインになってからだいぶ経っており、今更な感じですが…）その立体感のつけ方が洗練されていて良いなぁと思ったので、どのように作られているかをまとめてみました。 再現PSDデータをダウンロード ※アイコンは本物と異なっており、形の近いものを使っております。ご了承ください。 1. Twitter ヘッダーのアイコンやボタン部分を拡大し、つけられている効果を書き出してみました。 アイコンと文字（現在地表示） アイコンと文字（通常表示） ボタン これらを再現してみると、以下のようになります。 偽Twitterみたいな感じですねｗ それぞれにつけた効果の詳細は実際のファイルでご確認ください。 2. Facebook（アプリ） ヘッダーのアイコンやボタン部分を拡大し、つけられている効果を書き出
www.ar-ch.org
www.ar-ch.org
www.ar-ch.org
www.ar-ch.org
zenn.dev/mizutani
whatwasout.online
anond.hatelabo.jp
zenn.dev/sanami
dev.classmethod.jp
togetter.com
note.com/bioshok
www.totaltypescript.com
zenn.dev/catatsuy
zenn.dev/neoai
www.google.co.jp
www.google.co.jp
www.google.co.jp
2014/02/28 リンク