タグ

アイコンとアプリに関するIndigoHawkのブックマーク (2)

  • Photoshopで高品質なUIを作り込むチュートリアル

    Photoshopを使ってスマートフォンアプリのUIをデザインするコツを学ぶ連載。前回は、作例となる「お天気投稿アプリ」の主な要素を配置して、基的な画面レイアウトを整えました。第3回では写真やアイコンを配置したり、質感を作り込んだりして、アプリのデザインを完成させます。 お天気投稿アプリのUIデザインチュートリアル ▼第2回 1.アプリの配色を考えよう 2.ドキュメントを新規作成する 3.基的な要素をレイアウトする ▼第3回 4.レイヤー効果を使って質感のあるボタンを作る 5.Illustratorで作ったアイコンを配置する 6.写真を配置してデザインを調整する 7.SNS連携ボタンを配置する 4.レイヤー効果を使って質感のあるボタンを作る お天気アイコンのボタンを作ります。このアプリのキーとなる「お天気選択機能」を実行するためのボタンですので、ユーザーにアプリを印象づけるデザインに

    Photoshopで高品質なUIを作り込むチュートリアル
  • マイクロソフトが提供しているアイコンセットまとめ – プログラミング生放送

    マイクロソフトが提供しているプレゼンやアプリなどに使えるアイコンを、知っている範囲で最近のものをまとめました。 Cloud and Enterprise Symbol/Icon set Cloud and Enterprise Symbol/Icon set は、UX グループが Azure 向けに作成した200個以上のアイコンセットです。PNG 画像と Visio ステンシルがダウンロードできます。 新サービスのリリース時と四半期ごとに更新が予定されているようです(現在は、4月に更新された Ver. 2.22)。アンケートやメールでのフィードバックも受け付けています。 基は、Azure 関連のアイコンですが、一般的なアイコンも含まれています。資料作成などの用途に広く使えます。 You can use them in architecture diagrams, training mat

    マイクロソフトが提供しているアイコンセットまとめ – プログラミング生放送
    IndigoHawk
    IndigoHawk 2015/05/08
    やはりフォルムより色が気になってしまう。
  • 1