TOP  >  Design  >  インターフェイスデザインをもっとスムーズにしてくれるチュートリアル集「Interface Design 101: Tutorial Roundup」
2015年07月19日

インターフェイスデザインをもっとスムーズにしてくれるチュートリアル集「Interface Design 101: Tutorial Roundup」

webサイトやスマートフォン、タブレットなどのインターフェイスデザインを手がける時には、いろいろな要素が必要になってきます。しかしすべてを一から作り上げたり、構成を抽出するのはなかなか難しく、ましてやそこにデザインが加わるとなるとかなり大変な作業。今回はそんなインターフェイスデザインをもっとスムーズにしてくれるチュートリアル集「Interface Design 101: Tutorial Roundup」を紹介したいと思います。

tu0720_1
Designing Custom iOS App Interface Elements using Photoshop – DesignM.ag

さまざまデザインのインターフェイス設計用デザインや参考リンクがまとめられています。気になったものをピックアップしましたので、下記より御覧ください。

詳しくは以下

tu0720_2
Create a Slick Video Player UI in Photoshop
ムービー再生用のプレイヤーUIをPhotoshopで作成できます。リアルなイメージを求める時に活用してみてください。
 
 
 
 
tu0720_3
Create a Flat Countdown Timer in Photoshop – iOS 7 Inspired
カウントダウンタイマーのiOS7仕様デザイン。洗練された印象が特徴。デザインをこれひとつで彩ることができそうです。
 
 
 
 
tu0720_4
LukeW | Designing for Large Screen Smartphones
スマートフォンを片手で操作した時の指の可動範囲を認識できます。作っているデザインと重ね合わせて確認してみると便利です。
 
 
チュートリアルを学ぶことで、技術の向上にもつながっていくと思います。この機会に気になった仕様はマスターしてみてはいかがでしょうか?

Interface Design 101: Tutorial Roundup

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。即刻削除いたします。
posted 10:00  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る