ユーザーインターフェイスデザインのアイデア帳
GUIの設計をする時にどーしよー。
どうしたらユーザーに使ってもらいやすいかなと悩む事があります。
そんなときの為のネタをメモしておきます。
▼Yahoo's Design Stencil Kit
http://developer.yahoo.com/ypatterns/wireframes/
・GUIの設計に必要なものがほとんど揃っている。
カレンダー、カーソル、グラフや表、UIコントロール
フォーム要素、グリッド、メニューやボタン、モバイル用UI
iPhone用UI、ナビゲーション、タブなど
ファイル形式は、OmniGraffle 、Visio (XML)、PDFファイル 、
PNG形式 、SVG の形式で配布されている。
※OmniGraffle ってなに？って方はこちらを参照。
※Visioってなに？って方はこちらを参照。
▼Web Form Elements
http://sniperyu.deviantart.com/art/Web-Form-Elements-104261528
タブ、ボタン、ドロップダウンメニューが
一つのPSDファイルで配布されている。
▼Browser Form Elements PSD
http://www.teehanlax.com/blog/?p=945
MacのFirefox3のフォーム要素とWindows VistaのIE7のフォーム要素が
PSDファイルで配布されている。
▼Flex Dark Skin
http://psdthemes.com/theme-406-marvelous-flex-darkskin-psd-ui.html
コンボボックス、ボタン、タブ、スライダー、リスト、スクロールバー
ラジオボタン、チェックボックスなどがPSDファイルで配布されている。
（※会員登録）
以前働いていた会社で
ダークスキンのUIデザインでソフトウェアを開発いたしましたが、
この系統のUIは流行っていますがユニバーサルデザイン的にはあまりよろしくないようです。
個人的にはカッコいいと思いますけど。。
▼Famfamfam Icons
http://www.famfamfam.com/lab/icons/silk/
小さいアイコンがすごいたくさんPNG形式で配布されている。
▼Peter's DeivantART ID
http://petercui.deviantart.com/art/Peter-s-DeivantART-ID-Ver1-3-70932592
会員情報などを表示させるカード、PSD形式で配布されている。
▼Aero Avatar and SIG
http://fastnfurious.deviantart.com/art/Aero-Avatar-and-SIG-52393274
Windows Vistaのアバターと署名用テンプレート、PSD形式で配布されている。
▼Turquoise PSD
http://www.psgalaxy.com/psd-files/turquoise-psd.html
Windows VistaのUI要素、PSD形式で配布されている。
▼designerstoolbox.com
http://www.designerstoolbox.com/designresources/elements/mac/firefox/
FirefoxやIE、Safariなどのブラウザ(Windows/Mac)で表示されるUI要素が
PSD形式で配布されている。
また、このサイトでは、他にも、
DVD/CDのパッケージテンプレート（eps）から、冊子作成のための知識から、
WEB用バナーの基本サイズ、iPhone用のGUI要素など便利な情報が
多くある。
▼Browser Templates
http://www.webdesignerstoolkit.com/
すこし古いがFirefox、オペラ、IEなどのブラウザのフレームがPSD形式で配布されている。
▼Browser Screens and Website Elements
http://qurl.com/bl563/
ブラウザで使われているUI要素をAI、EPS形式で配布されている。
WPFなどで開発されている方には良いかも。
▼Quommunication Starter Kit
http://quommunication.com/
Webサイトの設計をする際に使ってくださいをPSDにまとめたキットPSD形式で配布されている。
▼カーソル系
http://usedhonda.deviantart.com/art/tNOS2-Polished-Graphite-59236578
http://usedhonda.deviantart.com/art/tNOS1-Revisited-59651343
http://www.designpear.com/photoshop/cursor-pack-for-photoshop-screenshots
あらゆるカーソルをPSD形式で配布されている。
▼iPhone GUI PSD 3.0
http://www.teehanlax.com/blog/?p=1628
iPhoneのGUI設計する際に便利。PSD形式で配布されている。
今回はここまで。
http://www.yasuhisa.com/could/roundup/graffletopia/
http://moringo.moo.jp/wordpress/?p=183
どうしたらユーザーに使ってもらいやすいかなと悩む事があります。
そんなときの為のネタをメモしておきます。
▼Yahoo's Design Stencil Kit
http://developer.yahoo.com/ypatterns/wireframes/
・GUIの設計に必要なものがほとんど揃っている。
カレンダー、カーソル、グラフや表、UIコントロール
フォーム要素、グリッド、メニューやボタン、モバイル用UI
iPhone用UI、ナビゲーション、タブなど
ファイル形式は、OmniGraffle 、Visio (XML)、PDFファイル 、PNG形式 、SVG の形式で配布されている。
※OmniGraffle ってなに？って方はこちらを参照。
※Visioってなに？って方はこちらを参照。
▼Web Form Elements
http://sniperyu.deviantart.com/art/Web-Form-Elements-104261528
タブ、ボタン、ドロップダウンメニューが
一つのPSDファイルで配布されている。
▼Browser Form Elements PSD
http://www.teehanlax.com/blog/?p=945
MacのFirefox3のフォーム要素とWindows VistaのIE7のフォーム要素が
PSDファイルで配布されている。
▼Flex Dark Skin
http://psdthemes.com/theme-406-marvelous-flex-darkskin-psd-ui.html
コンボボックス、ボタン、タブ、スライダー、リスト、スクロールバー
ラジオボタン、チェックボックスなどがPSDファイルで配布されている。
（※会員登録）
以前働いていた会社で
ダークスキンのUIデザインでソフトウェアを開発いたしましたが、
この系統のUIは流行っていますがユニバーサルデザイン的にはあまりよろしくないようです。
個人的にはカッコいいと思いますけど。。
▼Famfamfam Icons
http://www.famfamfam.com/lab/icons/silk/
小さいアイコンがすごいたくさんPNG形式で配布されている。
▼Peter's DeivantART ID
http://petercui.deviantart.com/art/Peter-s-DeivantART-ID-Ver1-3-70932592
会員情報などを表示させるカード、PSD形式で配布されている。
▼Aero Avatar and SIG
http://fastnfurious.deviantart.com/art/Aero-Avatar-and-SIG-52393274
Windows Vistaのアバターと署名用テンプレート、PSD形式で配布されている。
▼Turquoise PSD
http://www.psgalaxy.com/psd-files/turquoise-psd.html
Windows VistaのUI要素、PSD形式で配布されている。
▼designerstoolbox.com
http://www.designerstoolbox.com/designresources/elements/mac/firefox/
FirefoxやIE、Safariなどのブラウザ(Windows/Mac)で表示されるUI要素が
PSD形式で配布されている。
また、このサイトでは、他にも、
DVD/CDのパッケージテンプレート（eps）から、冊子作成のための知識から、
WEB用バナーの基本サイズ、iPhone用のGUI要素など便利な情報が
多くある。
▼Browser Templates
http://www.webdesignerstoolkit.com/
すこし古いがFirefox、オペラ、IEなどのブラウザのフレームがPSD形式で配布されている。
▼Browser Screens and Website Elements
http://qurl.com/bl563/
ブラウザで使われているUI要素をAI、EPS形式で配布されている。
WPFなどで開発されている方には良いかも。
▼Quommunication Starter Kit
http://quommunication.com/
Webサイトの設計をする際に使ってくださいをPSDにまとめたキットPSD形式で配布されている。
▼カーソル系
http://usedhonda.deviantart.com/art/tNOS2-Polished-Graphite-59236578
http://usedhonda.deviantart.com/art/tNOS1-Revisited-59651343
http://www.designpear.com/photoshop/cursor-pack-for-photoshop-screenshots
あらゆるカーソルをPSD形式で配布されている。
▼iPhone GUI PSD 3.0
http://www.teehanlax.com/blog/?p=1628
iPhoneのGUI設計する際に便利。PSD形式で配布されている。
今回はここまで。
http://www.yasuhisa.com/could/roundup/graffletopia/
http://moringo.moo.jp/wordpress/?p=183
