Twitter、Facebook(アプリ)のデザインから学ぶ立体感のつけ方
TwitterやFacebookのデザインを良くみてみると、立体感のつけ方に一工夫あるのがわかります。（現在のデザインになってからだいぶ経っており、今更な感じですが…）その立体感のつけ方が洗練されていて良いなぁと思ったので、どのように作られているかをまとめてみました。 再現PSDデータをダウンロード ※アイコンは本物と異なっており、形の近いものを使っております。ご了承ください。 1. Twitter ヘッダーのアイコンやボタン部分を拡大し、つけられている効果を書き出してみました。 アイコンと文字（現在地表示） アイコンと文字（通常表示） ボタン これらを再現してみると、以下のようになります。 偽Twitterみたいな感じですねｗ それぞれにつけた効果の詳細は実際のファイルでご確認ください。 2. Facebook（アプリ） ヘッダーのアイコンやボタン部分を拡大し、つけられている効果を書き出
各ソーシャルサイトのプロフィールアイコンや背景画像を簡単に作れるサイト「Social Media Image Maker」 : 二十歳街道まっしぐら
Social Media Image Makerは各ソーシャルサイト用の画像を作成できるサイトです。 FacebookやTwitterなどのアイコンや投稿写真にピッタリのサイズの画像を作成できます。 主要なソーシャルサイトに対応していますよ。 トリミングだけでなく、画像加工もできました。 以下に使ってみた様子を載せておきます。 まず「Social Media Image Maker」にアクセスしましょう。 まずは利用したいソーシャルサイトを選択しましょう。 左側のメニューにソーシャルサイト一覧があります。 また、それぞれのソーシャルサイトでどういった場面での画像かを選択できます。 このようにトリミングや画像加工、画像の反転や回転など細かい加工ができます。 Facebookのカバー写真やTwitterのプロフィールアイコンなどの作成にぜひご活用ください。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
