TOP  >  ワイヤー

Tag : ワイヤー

2017年07月19日

ワイヤーを制作する時に必ず役に立つまとめ「10 Free & Latest Wireframe Tools and Templates」

デザインをする上で欠かすことのできないワイヤー制作。設計の基礎となるものであり、制作の方針をディレクターに伝えるためのものでもあります。デザイン業務に必ず組み込まれているものだからこそ、便利なツールを使用すれば業務がスムーズになるはず。そんな中今回は、知っていれば業務が楽になるまとめ「10 Free & Latest Wireframe Tools and Templates」をご紹介していきます。

JustInMind_top
Prototyping tool for web and mobile apps – Justinmind

ワイヤー制作を楽に行えるようになるツールがまとめられています。下記にいくつかピックアップしているのでご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Tool   
このエントリーをはてなブックマークに追加
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   
このエントリーをはてなブックマークに追加

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

2008年09月05日

スクロールと連動して同期するナビゲーションjavaScriptライブラリ「wrapScroll」

ブログを運営していると、テンプレートにもよりますが、記事の部分が積み重なっていってしまい。ナビゲーションが見えるのは冒頭の部分だけそんな状況になりがちです。今日紹介するjavaScriptライブラリ「wrapScroll version 0.9.6」はブラウザのスクロールと同期するナビゲーションを実装するためのライブラリです。

実装方法は簡単です。現在配布されているjavascriptライブラリはprototype.js、mootools.js、jQueryなどのフレームワークに影響されないとのことなので、導入しやすいかと思います。動作サンプルは以下からご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:44  |  
Category: WebDesign   
2010年04月20日

フォントの選び方シート「so you need a typeface」

フォントでデザインや使い勝手、受ける印象は大きく変わります。それだけにデザインにおいてフォント選びは非常にシビアな部分であり、大きなところです。今日紹介するのはそんなフォント選びのヒントになる一枚のシート「so you need a typeface」を紹介したいと思います。

soyouneedatypeface
※クリックすると大きい画像を見ることができます。

中央からスタートし、まずは用途から決めるようになっています。用途はBOOK,INFO GRAPHIC,NEWSPAPER,LOGOなどなど様々な用途が考えられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:44  |  
Category: Design , Font   
tag: Design Font
2009年01月22日

フリーベクターデータセットの決定版!「The Ultimate Collection Of Free Vector Packs」

今までDesigndevelopでも数々のフリーベクターデータセットを紹介してきましたが、今回紹介するSMASHINGのまとめエントリー「The Ultimate Collection Of Free Vector Packs | Developer’s Toolbox | Smashing Magazine」はフリーベクターデータセットの決定版とも言えるエントリーです。


Dinosaurs Vector Pack

様々な種類のフリーベクターデータセットが公開されています。今日はその中から今までDesigndevelopで紹介した事がなく、珍しいなと思うベクターデータセットをいくつかピックアップして消化したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:00  |  
Category: Design , vector   
tag: Design vector
2014年06月13日

デザインをクリエイティブに彩るフリーフォントまとめ「30 Awesome Capital Fonts Free to Download」

無料で利用できるフリーフォント。たくさん配布されており、クリエイティブなテイストのものも非常に豊富です。今回はそんなフリーフォントまとめ「30 Awesome Capital Fonts Free to Download」を紹介したいと思います。

font140613_1
Free Font Clutchee by Sinisa Komlenic | Font Squirrel

デザインをクリエイティブに彩るフリーフォントがまとめられており、さまざまなデザインシーンで便利に利用することができそうです。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Font   
2011年04月26日

Webデザインにおける効果的なフォントの配置例30選「30 Examples of Effective Font Replacement in Web Design」

サイズや配置など、フォントを効果的に使用することはWebデザインにおいて、重要な要素の一つです。そこで今回は、Webデザインにおける効果的なフォントの配置例30選「30 Examples of Effective Font Replacement in Web Design」を紹介したいと思います。


Circle – Digital Marketing for Kenya

フォントで魅せるデザインから、レイアウトや配色によって効果的に表現されるデザインまで、様々なフォントの活用例が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:52  |  
Category: Design   
2010年07月24日

CIデザイン実例集「20 Fresh Corporate Identity Designs for Inspiration」

ロゴや名刺だけでなく、他にもさまざまなツールが展開されることが多い「CI(=コーポレートアイデンティティ)」、企業やブランドには欠かすことの出来ないものです。そこで今回紹介するのは、CIデザイン実例を紹介する「20 Fresh Corporate Identity Designs for Inspiration」です。


One Degree on the Behance Network

個性的なグラフィックから、カラーリングでデザインされたものまで、色々な表現のCIが公開されています。中でも気になったものをいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:00  |  
Category: Design   
2018年08月24日

世界のいろいろな人の表情や特徴を表現できるアバターアイコンセット「Cute User Avatar Icon Set」

アイコンは、デザイン制作に持っておくと便利な素材の1つ。非常にさまざまな種類がインターネット上でダウンロードできるようになっています。そんな中今回は、ちょっと個性的なアイコンセット「Cute User Avatar Icon Set」を紹介したいと思います。

avatar1

世界のいろいろな人の表情や特徴を表現することができる、可愛らしい雰囲気が特徴のアイコンがセットでダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design   
2009年03月22日

CSSで実現する様々テクニック集「35+ very Useful And Powerful CSS techniques」

WEBをデザインしていく上で欠かせないCSS。厄介な部分もありますが、アイデアとテクニックしだいで様々な表現を可能にしてくれます。今日紹介するのはそんなCSSのテクニックをあつめた「35+ very Useful And Powerful CSS techniques」です。

cssdesigndevelop_01
10. CSS Curves

様々なTipsが公開されていますが、今日はその中からいくつか気になったテクニックをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:19  |  
Category: WebDesign   
tag: webdesign
2012年05月01日

雰囲気に合わせてさまざまなテイストが選べる国旗アイコンまとめ「25 Free Sets of Attractive Flag Icons」

世界中の国々の顔となる国旗は、それぞれの国や地域を表現した複雑なデザインも多く、その再現には時間がかかるもの。そこで今回は、雰囲気に合わせてさまざまなテイストが選べる国旗アイコンをまとめた「25 Free Sets of Attractive Flag Icons」を紹介したいと思います。


Flag’s Pack by ~Entodorm on deviantART

シンプルなアイコンから風合いを楽しめるアイコンまで、さまざまな国旗アイコンが紹介されています。中でも気になるものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:53  |  
Category: Design   
2012年07月09日

虹色の7色を利用した素材まとめ「65 Great Rainbow Textures, Patterns and Backgrounds」

夏が近づくと、より明るくカラフルなイメージのデザインも増えてくるのではないでしょうか?そこで今回紹介するのが、虹色の7色を利用したテクスチャ、パターン、背景素材をまとめた「65 Great Rainbow Textures, Patterns and Backgrounds」です。


Colorful Whirlpool Vector Background | Flickr – Photo Sharing!

カラフルで楽しい気分になれそうな素材が豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:21  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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