TOP  >  ワイヤー

Tag : ワイヤー

2016年06月14日

ワイヤーフレームづくりに便利なキット40「40 Free Wireframe Templates for Mobile App, Web and UX Design」

本制作をする前にワイヤーフレームで制作して、UIやUXなどをクライアントと確認するというのはWEB業界では慣習的になっていますが、今回紹介するのは、そんなワイヤーフレームづくりに便利なキットを集めたエントリー「40 Free Wireframe Templates for Mobile App, Web and UX Design」です。

mobile-app-wireframe-material-design-free-template-02
Carbon Material Design eCommerce Wireframe Kit
(PSD & Sketch)

WEBからiOS、AppleWatchまで様々なタイプのワイヤーフレームが紹介されています。今日はその中から特に気になったワイヤーフレームをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2015年11月05日

さまざまな種類のワイヤーフレームを集めたサイト「UI Tiles」

デザイン設計時にワイヤーフレームを使って構成を確認・設計することで、完成までのイメージを頭に想像できるとともに、進行・作業をスムーズに行うことが可能となります。今回はそんな設計時に利用したい、さまざまな種類のワイヤーフレームを集めたサイト「UI Tiles」を紹介したいと思います。

uitiles1

シンプルなテイストのワイヤーフレームが多数まとめられており、設計するサイトに合わせ選択し活用することができそうです。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:33  |  
Category: Design   
このエントリーをはてなブックマークに追加
2015年08月29日

iPhoneでのAPPデザイン設計に最適なワイヤーフレーム集「Basement iOS」

アプリをデザインするためには、まず全体の構成設計が必須。しかしすべてのページやコンテンツ分を一から作り上げるのはなかなか大変だと思います。今回はそんなときに活躍してくれる、iPhoneでのAPPデザイン設計に最適なワイヤーフレーム集「Basement iOS」を紹介したいと思います。

ioswire1

さまざまな種類のページ設計ワイヤーフレームがまとめられており、作りたいアプリのジャンル別に使い分けることができます。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:30  |  
Category: Design   
このエントリーをはてなブックマークに追加
2014年04月22日

シンプルなデザインが魅力のシングルページワイヤーフレーム「One page website wireframes」

webサイトのレイアウトの中で、サイト全体にワイド感を出したい時、主流のデザインに仕上げたい時などによく取り入れられるシングルページレイアウト。一から構築しようと思うと、デザインのセンスはもちろん、制作 する時間も必要になってきます。そんな時に活用したい、シングルページワイヤーフレーム「One page website wireframes」を今回は紹介したいと思います。

freetemp

シンプルなデザインが魅力のワイヤーフレームに、いろいろな要素がセットになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
このエントリーをはてなブックマークに追加

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

2012年10月07日

幻想的な雰囲気を演出できる 雪&雨のテクスチャ「A Collection of Free Snowfall and Raindrop Texture to Add Up a Moody Feel」

空から振る雨や雪は、時に幻想的な雰囲気を感じさせてくれるもの。そんな中今回紹介するのは、雪&雨のテクスチャを多数集めた「A Collection of Free Snowfall and Raindrop Texture to Add Up a Moody Feel」です。


rain texture by *orbitingasupernova on deviantART

見ているだけで吸い込まれていきそうな、しんしんと降り注ぐ雪と雨の様子が、多彩なテクスチャとなって紹介されています。中でも気になったものをピックアップしました。下記より御覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: WebService   
2012年11月07日

プロのデザイン制作にも使いやすいデザイン性の高いサンセリフフォントまとめ「10 Beautiful and Free Humanist Sans Serif Fonts」

デザイン制作の際になかなか気に入ったフォントが見つからず、特に予算がない時には、無料のデザインフォントを探すことも多いはず。そんな時に役立つ、プロのデザイン制作にも使いやすいデザイン性の高いサンセリフフォントをまとめた「10 Beautiful and Free Humanist Sans Serif Fonts」を紹介したいと思います。


Huerta Tipográfica | Download Telex ht

アルファベット一つ一つの美しさを感じられるサンセリフフォントが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:23  |  
Category: Design , Font   
2013年01月16日

さまざまな樹木の樹皮が揃ったテクスチャまとめ「25 Free Bark Textures For Designers」

植物などの自然素材を使用したデザイン制作を行うことも多いと思いますが、身の回りにある植物だけを使用しようとすると、素材の選択の幅が狭くなってしまいます。そんな中今回紹介するのが、さまざまな樹木の樹皮が揃ったテクスチャをまとめた「25 Free Bark Textures For Designers」です。


Old Yew Bark Stock Texture by *aegiandyad on deviantART

若々しい樹木のテクスチャや、朽ち果ててしまいそうな樹木のテクスチャまで、さまざまな樹皮のテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:38  |  
Category: Design   
2010年02月24日

デザイナーとフォトグラファーのためのphotoshopアクション集「40 Photoshop Actions for Designers and Photographers」

決まった動作をボタン一つで実行できるアクション。単純作業の簡略化だけではなく、複雑な写真加工などでも大いに力を発揮してくれますが、今回紹介するのは便利に使えるデザイナーとフォトグラファーのためのphotoshopアクションをあつめたエントリー「40 Photoshop Actions for Designers and Photographers」です。

paction_01
Action Set 1

写真補正を中心に様々なphotoshopアクションが公開されています。今日はその中から気になったものをいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:38  |  
Category: Design , Photoshop   
2010年05月06日

制作に何かと便利なベクターデータで使える世界地図25選「25+ Free Vector World Maps (.ai, .eps and .svg formats) 」

制作の素材として様々なシーンで使えるベクターデータですが、今回紹介するのはベクターの中でも利用頻度が比較的高い。世界地図を表したベクターデータを集めたエントリー「25+ Free Vector World Maps (.ai, .eps and .svg formats) 」を紹介したいと思います。

mapvector01
EPS Vector Maps for Designers (.eps format)

世界地図と言ってもシルエットで描かれたものから、地球儀の表面のように非常に作りこまれたもの、ドット絵でディフォルメされているベクターデータなどなど、様々なベクターデータがまとめられていました。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:51  |  
Category: Design , vector   
2011年08月03日

web制作に活用したいpsdテンプレート集「25 Free PSD Website Templates」

webを制作する時にさまざまなサイトを参考にする事も多いかと思いますが、デザインのクオリティをアップさせたい、制作時間を少しでも短縮したいという時に役立つpsdテンプレート集「25 Free PSD Website Templates」を今回は紹介したいと思います。


RetroPlate – Free Web Template | Free CSS Templates

テイストや構成などのバリエーション豊かに、実制作に活用できるテンプレートが25種類紹介されています。気になったデザインをまとめましたので、以下よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
2009年04月23日

ボタンデザインショーケース「Button Design Showcase」

WEBを制作する上でメニューと並んで書かせないのがボタン。ユーザーが使うものだけにデザインは印象に残りやすく、細かい所ですがサイト全体のクオリティにも影響を与えかねない重要な要素の一つです。今回紹介する「Button Design Showcase」は優れたボタンデザインを紹介していくエントリーです。

botmde01
GoodBarry

いくつものボタンデザインが紹介されていますが、今日はその中からいくつか気になったボタンデザインを紹介したいと思います。

詳しくは以下

Checkout
反光沢で少し立体感のあるクリアなボタン。

botmde02
 
 
 
 
 
Tao Effect
周囲が凹んでいるように見える処理を施したボタン

botmde03
 
 
 
 
 
Clearspring
光沢が効いたボタン。スッキリとしていながらも存在感があります。

botmde04
 
 
 
 
 
Games for Her by You
アナログ感のあるボタンデザイン。サイトのテイストにもよりますがハマれば効果的なデザインだと思います。

botmde05
 
 
上記の他にも様々なボタンのデザインが紹介されていて参考になります。ボタンのデザインに迷っているWEBデザイナーさんは是非原文もご覧ください。インスピレーションが得られるかもしれません。

Button Design Showcase | Vandelay Design Blog

続きを読む
posted 11:09  |  
Category: WebDesign   
tag: 
2012年01月16日

リアリティのあるスモークが表現できるPhotoshopブラシセット「Real Smoke Photoshop Brushes」

画像やデザインに手軽にシズル感を演出できるスモークは、デザイン制作の必須アイテム。そんな中今回紹介するのが、リアリティのあるスモークを表現できるPhotoshopブラシセット「Real Smoke Photoshop Brushes」です。

用途に合わせて雰囲気を自在に変えられる、豊富な種類のブラシがセットになったデザイナーに嬉しいブラシセットとなっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:03  |  
Category: Design , Photoshop   
2011年12月09日

日本のさまざまな模様を描けるPhotoshopブラシまとめ「20 Sets of Japanese-Themed Photoshop Brushes」

世界からも高い評価を受ける日本の古き良きデザインは、和を基調としたデザイン制作の必須アイテム。そこで今回紹介するのが、桜や紋など、日本を象徴する模様を描けるPhotoshopブラシをまとめた「20 Sets of Japanese-Themed Photoshop Brushes」です。


Cherry blossoms PS brushes by =Lileya on deviantART

日本らしさを感じるブラシが豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:55  |  
Category: Design , Photoshop   
2014年01月24日

シンプルなリボンベクターセット「Minimal Vector Ribbons」

単語やテキストを目立たせたい時、タイトルのように扱いたい時などに利用されるリボンをイメージした処理。webサイトなどではよく見かけるデザインです。今回はそんなリボンのシンプルなベクターセット「Minimal Vector Ribbons」を紹介したいと思います。

ribon

余分な飾りなどは一切施されていない、ミニマルなテイストのベクターリボンが、さまざまな種類でまとめられています。

詳しくは以下

(続きを読む…)

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

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る