TOP  >  prototype

Tag : prototype

2017年07月04日

作成したデザインを簡単にプロトタイピングをすることが可能 Sketchプラグイン「mirr.io」

デザインのフィードバックをクライアントからもらう際、動きの部分も形にすることもできれば、確認の行程を少しは減らすことができるはず。そんな悩みを解決してくれるSketchプラグイン「mirr.io」を今回はご紹介していきたいと思います。

mirr.io_top

Skecthで制作したデザインを簡単に共有可能なプロトタイプに変えてくれる便利なツールがバージョンアップ。さらに有効に使うことができるようになっています。

詳しくは以下

(続きを読む…)

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

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

2014年04月25日

デザイナー必見 デザイン性の高いUIキット「27 Useful UI Design Elements & UI Kits for Designers」

webサイトやスマートフォンサイトは、設計や構成レイアウト、デザイン感の決定からスタートし、さまざまな工程を経て完成に至ります。しかしどうしてもすべてを完了するまでには時間を要してしまうもの。今回はそんな時に利用したい、 デザイン性の高いUIキット「27 Useful UI Design Elements & UI Kits for Designers」を紹介したいと思います。

ui140425_1
Dashboard UI – Graphicfull | Graphicfull

いろんなデザイン感のUIキットが豊富にまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2015年05月31日

13種のモダンテイストなデザインフォント集「13 New Modern Free Fonts for Designers」

シンプル、ヴィンテージ、ポップなど、デザインと同様にフォントにもさまざまなテイストのものが存在しています。そんな中今回紹介するのは、13種のモダンテイストなデザインフォント集「13 New Modern Free Fonts for Designers」です。

modanfont1
Ardeco Font | dafont.com

モダンデザインに合う、13種という厳選された種類の中にいろいろなタイプのフォントが揃っています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Font   
2012年05月27日

jQueryで作るカウントダウンティッカー「How to Code a jQuery Rolodex-Style Countdown Ticker」

ティザーサイトをはじめとして、公開前の期待感をどう作っていくかという部分も近年のWEB制作では求められる部分だと思いますが、今日紹介するのは設定した日時に向けてカウントダウンしてくれるカウントダウンティッカー「How to Code a jQuery Rolodex-Style Countdown Ticker」です。

非常にシンプルな構成と鳴っていて、日、時間、分、秒でカウントダウンを行ってくれます。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:40  |  
Category: WebDesign   
2015年10月10日

定番としてもストックしておきたい 魅力的なアイコンセットまとめ「700+ Free PSD Icons for Web Mockup and App UI」

さまざまなシーンで活躍してくれるアイコン。たくさん持っているほど、デザインの幅を広げてくれます。そんな中今回紹介するのは、定番としてもストックしておきたい魅力的なアイコンセットまとめ「700+ Free PSD Icons for Web Mockup and App UI」です。

700icon_1
[Dribbble - Bikini 60s by Sebastiano Guerriero](https://dribbble.com/shots/2232637-Bikini-60s)

いろいろな種類、デザインのアイコンが多数ピックアップされ、まとめられています。気になったものを以下よりご覧ください。

詳しくは以下

(続きを読む…)

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

写真を効果的に見せてくれるフリーFLASHギャラリー集「25 Amazing & Free Flash Based Image Galleries」

写真を効果的に見せてくれるFLASHギャラリー。スライドショー的なものでもFLASHで1から制作するとなると結構な手間がかかります。今回紹介するのは写真をキレイに見せてくれるフリーのFLASHギャラリーを集めたエントリーが今回紹介する「25 Amazing & Free Flash Based Image Galleries」です。

polaroid-photo-gallery01
Polaroid Gallery

簡単に見せるものからフルスクリーンでしっかりと写真を見せるFLAHSギャラリーまで様々なタイプのギャラリーが紹介されています。今回はその中からいくつピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:50  |  
Category: WebDesign   
2014年02月06日

レゴブロックの質感を取り入れたグラフィックを作り出せるpsd「LEGOlize yourself Free PSD」

世界中で愛され続けている玩具の一つ、レゴブロック。組合せ次第でいろいろなオブジェクトを作り出すことができるクリエイティブ性の高い玩具として、子ども世代だけでなく大人からも人気を集めています。今回はそんなレゴブロックの質感を取り入れたグラフィックを作り出せるpsd「LEGOlize yourself Free PSD」を紹介したいと思います。

lego1

「LEGO」というロゴが入ったブロック状のビジュアルを簡単に作り出すことができるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:09  |  
Category: Photoshop   
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: 
2011年11月22日

麦わらや干し草のテクスチャまとめ「35 Free Straw and Hay Textures」

植物などをモチーフにしたテクスチャ素材は、デザイン制作の際に非常に重宝します。たくさんの種類を知っていることで、さらにデザインの幅はさらに広がるはずです。そこで今回は、テクスチャ素材のストックに是非取り入れたい、麦わらや干し草のテクスチャ素材をまとめた「35 Free Straw and Hay Textures」を紹介したいと思います。


Hay Texture by ~WKJ-Stock on deviantART

キレイに整頓された麦わらや、土の上に無造作にかぶさった枯れ草など、さまざまなシーンのテクスチャがラインナップされています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
2015年05月09日

いろいろな種類のフリーデザインリソースを集めた「1001FreeDownloads.com: Exclusive FREE Digital Design Resources」

デザインをする際、自分で素材のすべてを手がけるといったこともあると思いますが、多くが素材を利用して作られているもの。デザインに合わせていろんなタイプの素材が必要となってくると思います。今回はそんなときに参考にしたい「1001FreeDownloads.com: Exclusive FREE Digital Design Resources」を紹介したいと思います。

resources0509_1
Free Vectors: Designers table with tools. Vector illustration | Objects

いろいろな種類のフリーデザインリソースを集めた、デザイナー必見のまとめとなっています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2008年11月27日

230本収録!マーカーのベクターデータ集「230 Marker Illustrator Brushes」

以前Designdevelopの「商用化!106+105の水彩イラストレーターブラシ「Delicious Water Color Illustrator Brushes」」という記事で、水彩のイラストレーターブラシを紹介しましたが、今日紹介する「230 Marker Illustrator Brushes」はマーカーを再現したイラストレーターブラシを230本収録したイラストレーターのブラシセットです。

様々なマーカーが準備されていますので、かなりコアなブラシかも知れませんが、探していた人にとってはこの上無いものだと思います。サンプルを下記に貼り付けておきます。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:48  |  
Category: Design , vector   
tag: Design vector

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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