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   
このエントリーをはてなブックマークに追加

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

2018年08月26日

食イメージをポップに彩るアイコンセット「Food & Drinks Icon Set」

素材として使用するアイコンは、ほしいときにほしいものがすぐ取り出せるように、できるだけ多くの種類をストックしておきたいもの。そんな中今回紹介するのは、食イメージをポップに彩るアイコンセット「Food & Drinks Icon Set」です。

capitalist1

ポップで明るい印象の、パステル調のカラーリングで統一されたフードやドリンクのイメージアイコンがセットになっています。

詳しくは以下

(続きを読む…)

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

スマートフォン向けのイベントを簡単に実装できる「QUOjs」

スマートフォン独自のタッチイベントは多数有り、スワイプ、タッチによるドラッグなど様々なものがありますが、今日紹介するのはスマートフォン向けのイベント簡単に実装できる「QUOjs」です。

このjs一つで、様々なイベントに対応してくれます。現状、対応しているイベントは以下の通りです。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: WebDesign   
2014年12月24日

アンティーク・ゴージャスな雰囲気をプラスできるフレームブラシまとめ「20+ Free Frame Brushes To Download」

デザインの縁取りや装飾に利用されるフレーム。ブラシ形式の素材として持っていると、手軽に描き出すことができて非常に便利です。今回はそんなフレームブラシまとめ「20+ Free Frame Brushes To Download」を紹介したいと思います。

frame1
Free Decorative Brushes

アンティーク・ゴージャスな雰囲気をプラスできるテイストのブラシが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2007年12月25日

ハイクオリティなアイコンの作り方を動画で紹介する「iconka.com」

インターネット上で配布されているハイクオリティーなアイコン、これらは一体どういう風に作られているか、気になった事は無いでしょうか?今回紹介する「iconka.com」ではハイクオリティーなフリーアイコンを配布するとともにその作り方を動画で公開しています。

フリーアイコン配布と動画チュートリアル

サイトではいくつかのシリーズのアイコンの作り方をまとめたビデオチュートリアルが公開されています。一つ一つ詳しく追っていく感じではありませんが、こんな風にして作られているのかと言うのはわかるようになっています。

動画は以下から

(続きを読む…)

続きを読む
posted 07:05  |  
Category: Design   
2011年08月19日

手軽に作成できるニュースレターフォーマット集「Simple Steps in Designing an Email Newsletter」

会員登録などをすると送られてくることの多いニュースレターですが、文字ばかりのものより、デザインされたニュースレターの方に目に留まることも多いのではないでしょうか?そこで今回紹介するのが、手軽にデザイン性の高いニュースレターを作成できるフォーマットを集めた「Simple Steps in Designing an Email Newsletter」です。


Marketing – Artistic Store HTML Email Template (4 Themes) – ThemeForest

商品販売向けのデザインから、コラムを読みやすくレイアウトしたデザインまで、さまざまなニュースレターフォーマットが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:06  |  
Category: Design   
2013年06月13日

アレンジ次第でさまざまなデザインに利用可能なフリーコンクリートテクスチャ「9 Free High-Res Concrete textures」

webやグラフィックのデザイン制作に欠かすことができない素材の中でも、使用頻度の高い写真テクスチャ。シンプルなもの程アレンジの幅が広く、非常に重宝するのではないでしょうか?今回はそんなコレクションに是非加えたい、フリーコンクリートテクスチャ「9 Free High-Res Concrete textures」を紹介したいと思います。

concrete3

比較的シンプルなタイプのコンクリートを撮影したテクスチャが9種類収録されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:47  |  
Category: Design   
2013年04月20日

webでのニュースレター申し込みを誘導できるフリーpsdデザインまとめ「32 Beautifully Designed Newsletter Subscription Form PSD」

webサービスでさまざまな情報をユーザーに提供する時に使用するニュースレターは、非常に便利なツール。より多くの人に登録を促したいもの。今回はそんな時に是非利用したい、ニュースレター申し込みを誘導できるフリーpsdデザインまとめ「32 Beautifully Designed Newsletter Subscription Form PSD」を紹介したいと思います。


Vintage Newsletter Form

どうしてもワンパターンで簡素になってしまいがちな入力フォームが魅力的にデザインされたpsd素材が多数まとめられています。気になったものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:50  |  
Category: Design , Photoshop   
2012年06月25日

天気を表現できるアイコンセットまとめ「Free and Premium Weather Forecast Icons Sets」

毎日の天気を表現するのはもちろん人の感情を現したりと、多様なシーンで活躍する天気のマーク。今回は、そんな天気を表現できるアイコンセットをまとめた「Free and Premium Weather Forecast Icons Sets」を紹介したいと思います。


Weather Icons by Gavin Elliott – Designmoo

無料アイコンから有料アイコンまで、用途に合わせて選ぶことのできる天気アイコンがたくさん紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:57  |  
Category: Design   
2016年04月09日

テキストをより魅力的に演出できるCSSを使ったエフェクト12選「12 Amazing Text Effects Created With CSS」

デザイン上に配置するテキスト。いろいろな入れ方や表現の仕方がありますが、絵的に配置するだけでなくそこに動きを加えることで、魅力を増すのではないでしょうか?そんな中今回紹介するのは、テキストをより魅力的に演出できるCSSを使ったエフェクト12選「12 Amazing Text Effects Created With CSS」です。

effect0409_1
Magnetype

12選という限られた数ではありますが、どれも魅力的なものばかり。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2017年07月25日

複数のモバイルデバイスを飛び越えて連結できるjavascript「What if all your mobile devices formed a single screen?」

スマートフォンやタブレット端末の普及とともに、様々な機能の実装も可能になってきました。そんな中今回紹介するのは、複数のモバイルデバイスを飛び越えて連結できるjavascript「What if all your mobile devices formed a single screen?」です。

swip01

今までにない新しいモバイル体験でユーザーを楽しませてくれそうです。デモムービーが公開されておりますのでご覧ください。

動画は以下より

(続きを読む…)

続きを読む
posted 09:00  |  
Category: javascript , Tool   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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