TOP  >  ワイヤーフレーム

Tag : ワイヤーフレーム

2011年05月08日

ipadアプリデザインのためのテンプレート&ワイヤーフレーム集「GUI Stencils, Wireframing Kits and Sketching Templates for iPad App Designers」

国内でもipad2が発売されて、ipadを活用する気運も再び高まっている業界もあると思いますが、今回紹介するのは、ipadアプリをデザインするためのテンプレートやワイヤーフレームを集めたエントリー「GUI Stencils, Wireframing Kits and Sketching Templates for iPad App Designers」です。


iPad GUI Design Template Version 2 (PSD)

プレゼン用、本番用のデザイン用様々な形のテンプレート&ワイヤーフレームが集められています。今日はその中から幾つか下記になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:16  |  
Category: Design , Photoshop   
このエントリーをはてなブックマークに追加
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)

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

詳しくは以下

(さらに…)

続きを読む
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2013年06月28日

いろいろな質感の紙を描くことができるPhotoshopブラシセット「A Collection Of Free Paper Brushes For Photoshop」

Photoshopで多彩なグラフィック表現を可能にするブラシは、デザイナーにとって非常に重宝する機能ではないでしょうか?そんな中今回紹介するのは、いろいろな質感の紙を描くことができるPhotoshopブラシセット「A Collection Of Free Paper Brushes For Photoshop」です。

pepar3

Old Paper PS Brushes by ~melodyofrain on deviantART

アンティークなテイストの紙を中心に、バリエーション豊富にブラシ素材がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 06:41  |  
Category: Photoshop   
2012年08月24日

さまざまなシーンで活躍してくれる、比較的最近公開されたテクスチャまとめ「New Textures For You To Use In Your Designs – 31 Items」

デザイン制作をしていると、イメージフォトや素材として利用しやすいテクスチャなど、いろいろな素材を探す機会が多いと思います。そんな中今回紹介するのが、さまざまなシーンで活躍してくれる、比較的最近公開されたテクスチャをまとめた「New Textures For You To Use In Your Designs – 31 Items」です。


Coffee Stain Texture (hi-res) by *TwinklePowderySnow on deviantART

イメージとして利用しやすいテクスチャから存在感のあるテクスチャまで、さまざまなテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:48  |  
Category: Design   
2017年09月18日

webデザインに欠かせない ボタンデザインの遍歴「Button Design Over the Years – The Dribbble Timeline」

Webが急速に発展しユーザーも年々増える中、デザインにもどんどんと変化していますが、毎日触れていることもあり、その変化を明確に感じることはあまりないかもしれません。今回はそんなデザインの移り変わりを感じられる「Button Design Over the Years – The Dribbble Timeline」を紹介したいと思います。

Button_Design01

Webサイトで必ずといって良いほど目にする、ボタンデザインに注目して、その遍歴と共に比較されています。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: WebDesign   
2018年09月18日

ウェディングに活用できる24のフリーアイコンセット「24 Free Wedding Icons」

人生の一大イベントの一つ結婚式、国内でも多様化しつつもその印象・イメージは普遍的なものがあります。今日紹介するのはウェディングに活用できる24のフリーアイコンセット「24 Free Wedding Icons」です。

24-Wedding-icons-freebie-set

ベル・花束、ハートが浮かぶカメラ、教会、結婚指輪などなど、結婚式を象徴するアイコンが全部で24個収録されています。

詳しくは以下

(さらに…)

続きを読む
posted 09:30  |  
Category: Design , WebDesign   
2018年01月31日

アナログ感のあるPOPでカワイイアイコンセット「Web & Mobile Icons Bundle」

Webサイトにとってアイコンは、ユーザーが求めている情報にスムーズにたどり着くために必要なアイテムです。機能や情報をグラフィックに置き換えて分かりやすく示すことが重要となります。今回はそんな時に役立つアイテム、アナログ感のあるPOPでカワイイアイコンセット「Web & Mobile Icons Bundle」の紹介です。

bundle01

POPでカラフルなアイコンが40種類セットになった便利なアイテムです。

詳しくは以下

(さらに…)

続きを読む
2013年05月15日

さまざまな矢印が表現できるPhotohsopブラシまとめ「55+ Useful Sets of Photoshop Arrow Brushes」

内容をPRしたり、注目度をアップさせたいときに利用することの多い矢印ですが、その表現方法はとても多彩です。そんな中今回は、さまざまな矢印が表現できるPhotohsopブラシをまとめた「55+ Useful Sets of Photoshop Arrow Brushes」を紹介したいと思います。


110824_arrow17_by_eleven by ~eleven1627 on deviantART

手書きの可愛らしい雰囲気のブラシから、アイテムをモチーフにしたブラシまで、いろいろなブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 05:32  |  
Category: Design , Photoshop   
2010年08月25日

2010年のハイクオリティなwordpressフリーテーマ100選「100 Free High Quality WordPress Themes: 2010 Edition」

高い拡張性の他に、世界中でリリースされている高いクオリティのデザインテーマが魅力の一つでもあるWordpress。今日紹介するのは2010年にリリースされたハイクオリティなwordpressフリーテーマを集めたエントリー「100 Free High Quality WordPress Themes: 2010 Edition」。


Cumulus (Free version)

ギャラリータイプのものグリッドレイアウト。ブロガー向き、マガジンタイプと様々なハイクオリティなフリーテーマが集められています。今日は今までDesigndevelopで紹介したことが無いテーマを中心にいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 01:49  |  
Category: WordPress   
2017年01月19日

感情・ターゲットなど様々切り口から配色を提案してくれる配色ツール「Culrs」

デザインに置いて色は非常に重要な要素の一つで、その配色でデザイン全体のイメージが左右されるほど。それだけに配色というのは難しい決定頁の一つでもあります。今日紹介するのはそんな難しい配色の手助けをしてくれる、感情・ターゲットなど様々切り口から配色を提案してくれる配色ツール「Culrs 」です。

1

「Culrs」は左側のメニューからEmotions、Target Audience、Type of productsなど選択でき、そこからさらに細分化された項目での色彩パターンを提示してくれます。いくつか試してみましたので以下からご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 08:30  |  
Category: WebService   
2018年03月27日

デザインにアクセントを加えてくれるモダンフリーフォント「15 Modern Free Fonts for Graphic Designers」

シンプルなものから手書きで柔らかな印象を与えてくれるものまで、フォントの種類は様々。最近ではフリーでダウンロード出来るものも多くなり、選択肢がどんどん広がっています。そんな中今回紹介するのは、デザインにアクセントを加えてくれるモダンフリーフォント「15 Modern Free Fonts for Graphic Designers」です。

modernfont03

異なるテイストのモダンフォント15種類の中から、気になったものをいくつかピックアップしてみました。

詳しくは以下

(さらに…)

続きを読む
2015年12月02日

UIやモックアップなどデザイナーがチェックしておきたい最新フリーResourceまとめ「50 Free Resources for Web Designers from November 2015」

インターネット上では日々新しい素材が追加され続けており、その膨大な量に一体どれを選んでよいか迷ってしまうことも。今回はそんな時に参考にしたい最新フリーResourceまとめ「50 Free Resources for Web Designers from November 2015」を紹介したいと思います。

resources0
SEO Icons – EpicPxls freebie

UIやモックアップなどデザイナーがチェックしておきたい素材が多数まとめられています。気になったものをピックアップしましたので、下記より御覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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