TOP  >  WebDesign  >  WEBからスマートフォンまでワイヤーフレームのための素材キット30選「30 Fresh Web UI, Mobile UI and Wireframe Kits」
2010年11月07日

WEBからスマートフォンまでワイヤーフレームのための素材キット30選「30 Fresh Web UI, Mobile UI and Wireframe Kits」

WEBサイトを制作するために作成するワイヤーフレーム。サイトの作りを決定する重要なものです。作り方は制作する人によって大きく変わると思うのですが、今日はワイヤーフレームをより簡単に作成するための素材キットを集めたエントリー「30 Fresh Web UI, Mobile UI and Wireframe Kits」を紹介したいと思います。


Website Wireframes Kit for Adobe Fireworks (.png)

手書き風のものから、キッチリ作られたものまで様々な素材キットが紹介されています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

â– Wireframe Stencils for PowerPoint amd Impress (.ppt)
パワーポイント形式で制作されたワイヤー素材。企画中心の方でも問題なく利用出きます。

ui_templates_05
　
　
　
　
　
â– Web Wireframe Kit (.psd)
様々なバックグラウンドカラーに対応した、ワイヤーフレーム用のキット。

ui_templates_01
　
　
　
　
　
â– Android 2.2 GUI (.png & .psd)
最近国内でも増えてきた、AndroidのGUIキット。アプリを制作している方はモックアップを作るのに便利。

ui_templates_09
　
　
上記の他にも様々なUIキットが公開されています。ワイヤーを普段から書いている方は、作業効率を上げることができるかもしれないので、是非原文もご覧ください。

30 Fresh Web UI, Mobile UI and Wireframe Kits

※当サイトのに掲載されている一部画像、スクリ－ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。即刻削除いたします。
posted 10:17  |  
Category: WebDesign   
tag: UI WebService WEBデザイン ダウンロード ワイヤーフレーム 素材
このエントリーをはてなブックマークに追加

関連記事

Default ThumbnailPSDで学ぶWEBデザイン「Modern UI and Layout Tutorials for Photoshop」 Default Thumbnailユーザーインターフェースを作るのに便利なpsd素材まとめ「Best Free UI PSDs of 2011」 Default Thumbnailphotoshopで利用できる乗り物ブラシを「170 transportation-themed Photoshop brushes」 ワイヤーフレームづくりに便利なキット40「40 Free Wireframe Templates for Mobile App, Web and UX Design」

Sponsor

最近の記事

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください 【商用可】アナログ感のあるドローイングフリーフォント「THRONE」 アイコンサイズやカラーを選んでSVGで出力できる「ICONSVG」 子どもをイメージしたフリーフラットアイコンセット「Download free Childhood flat icons set」 クリエイター向けモックアップテンプレートまとめ「15 Free Hero & Scene Creator Mockup Templates for Photoshop」 バレンタインを楽しく演出するフリーアイコンセット「50 free valentines themed icons」 インスタグラムの投稿をおしゃれに彩るフリーテンプレートまとめ「10 Free Instagram Story Templates」 花を抽象的にイメージしたパターン素材「Art Dimension abstract patterns」 個性的なラインナップを楽しめるフリーアイコンセット「Emojious Icons」 最新のクリエイティブなフリーフォントまとめ「20 New Free Fonts For 2019」

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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