TOP  >  prototype

Tag : prototype

2017年07月04日

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

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

mirr.io_top

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

詳しくは以下

(さらに…)

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

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

2008年08月03日

配色から、素材、CSSまでWEB制作者のためのデザインリソース集「21 cool webmaster resources」

今まで「ロゴデザインのリソースサイト集「105+ Logo Design Tuts And Resources」」や「様々なWEBデザインエレメントのデザイン集「Pattern Tap 」」と様々なデザインリソースを紹介しましたが、今日紹介「21 cool webmaster resources」と言うエントリーは配色からレイアウト、テクスチャからアイコン素材まで、WEBデザイン、WEB制作の為に利用できるデザインリソースを集めたまとめエントリーです。

タイトルの通り全部で21個のサイトが紹介されており、どれも、一つ一つが目的に特化したサイトを紹介しています。今日は紹介されている中から特に気になった物を紹介したいとお思います。

詳しくは以下

(さらに…)

続きを読む
posted 01:49  |  
Category: WebDesign   
2011年04月05日

さまざまな種類の砂利テクスチャまとめ「34 Pebble Textures for A Cool Round Up of Design Choices」

自然に存在する石や砂利は一つとして同じものがなく、デザイン上で石や砂利を使いたいときも、イメージにぴったりな石や砂利を探し出すことは難しいのではないでしょうか?今回紹介するのは、自然に存在するさまざまな石や砂利のテクスチャまとめ「34 Pebble Textures for A Cool Round Up of Design Choices」です。


Pebbles by ~bentan220 on deviantART

大きさや石の種類など、さまざまな砂利のテクスチャ素材が34種類も紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 03:39  |  
Category: Design   
tag: 
2010年08月06日

定番の国旗アイコンセットベスト10「Top 10 Country Flag Icon Sets」

WEBに限らず、様々な制作物でよく利用する機会がある国旗。今日紹介するのは定番なものから、凝ったものまで、国旗アイコンセットを集めたエントリー「Top 10 Country Flag Icon Sets」です。


Free Country Flag Icons

詳しくは以下

(さらに…)

続きを読む
posted 11:55  |  
Category: Design , WebDesign   
2017年08月30日

便利で優秀なSVGツールとアイコンセットのまとめ「40 Excellent SVG Tools and Dozens of Icon Sets」

レスポンシブが盛んな昨今。PCとスマートフォン両方で使用することができ、かつ綺麗に表示させることが可能なSVGファイルは、非常に便利。今回ご紹介する「40 Excellent SVG Tools and Dozens of Icon Sets」ではSVGに焦点をあてた便利なツールがまとめられています。

svg_top
Plain Pattern

SVGファイルを編集してアニメーションを制作できるツールなどこれから必要になるコンテンツが多数収録されており、その中から気になったものをいくつかピックアップしていますので下記よりご覧下さい。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Tool   
2017年08月10日

遠隔での仕事もスムーズに!リモートワークに最適なWEBツールをまとめた「Remote Starter Kit」

近年ネットワークの発達により、様々な障壁がクリアされ、会社に来て仕事をするということが一部では当たり前では無い世界がやってこようとしています。リモートワークの方法論など話題になり、出社せず自宅に居ながら仕事をするというスタイルが認知されつつあります。そんなリモートワークはデザイナーやクリエイターの方にはより、身近な働き方で実際そのような働き方をしている方も少なからずいるのではないでしょうか?今回ご紹介するのはそんな遠隔とのやりとりで仕事を行う、リモートワークに最適なWEBツールをまとめた「Remote Starter Kit」です。

remore

さまざまな視点から集められたWEBツールはリモートワーカーだけでなく、他の働き方をメインとする方の業務効率化にも最適なものばかり。今回はその中からオススメのツールを3つご紹介しますので、ご覧ください。

詳しくは以下
(さらに…)

続きを読む
posted 08:30  |  
Category: Design , Tool , WebService   
2013年12月21日

写真を柔らかな雰囲気を付与するPhotoshopアクション「CofeeShop Auto Baby Blanket Blur Photoshop/PSE Action!」

手軽にプロの写真加工を再現したり、同じ効果を施すことができるPhotoshopのアクション機能。とても便利で、制作時間の短縮やクオリティアップのためには欠かせない機能の1つです。さて、今回紹介するのはそんなPhotoshopアクションの中でも、写真に柔らかな加工を施す「CofeeShop Auto Baby Blanket Blur Photoshop/PSE Action!」です。

cabbbppa_0

サンプルの赤ちゃんの写真を見るとわかりますが、これは写真に遠近感のぼかしをつけて、柔らかさと雰囲気を付与することができるアクションです。

(さらに…)

続きを読む
posted 09:00  |  
Category: Design , Photoshop   
2009年06月05日

商用利用可!PSDまでついたXHTMLフリーテンプレート「6 Free PSD/(X)HTML-Templates」

国内外でも様々なサイトがフリーのテンプレートを配布していますが、今日紹介する「6 Free PSD/(X)HTML-Templates」はXHTMLのフリーテンプレートとソースファイルのPSDをセットになったファイルを紹介しているエントリーです。

xhtmlpsd01
Artificial Casting Template – live demo

全部で6つのPSD付きのXHTMLテンプレートが公開されていますが、今日はその中から気になったものをいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:06  |  
Category: WebDesign   
tag: webdesign
2011年02月02日

高いデザイン性を誇る タイポグラフィロゴ集「Creative & Beautiful Designs with Typography」

ロゴデザインにも、シンプルなものから凝ったデザインのものまで、さまざまなテイストのものが存在していますが、今回紹介するのは、高いデザイン性を誇る タイポグラフィロゴ集「Creative & Beautiful Designs with Typography」です。


HBO ‘Unexpected’ on the Behance Network

見ているだけでも楽しくなるような、アーティスティックなロゴが多数紹介されています。中でも特に気になったものを選んでみましたので、以下よりご覧ください。

(さらに…)

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

もう迷わない!フリーの検索ボックスのPSDデザインデータをまとめた「10 Search Box PSD Designs For Free Download」

オンラインショップなど情報量の多いサイトに欠かせないのが、検索ボックス。ユーザーにストレスを感じさせず、スムーズに案内することが可能になります。今回ご紹介するのは、そんなあると便利な検索ボックスのデザインをフリーでダウンロードできる素材をまとめた「10 Search Box PSD Designs For Free Download」です。

searchboxpsd0

シンプルでどんなサイトにも取り入れやすい、多種多様な検索ボックスのフリーデザインがまとめられています。その中から気になったものをピックアップしてご紹介しますのでご覧ください。

詳しくは以下
(さらに…)

続きを読む
2008年04月11日

CSSのカーソル指定が一目でわかる「CSS Cursors」

普段は矢印のカーソル。CSSである程度コントロールできるのは皆さんご存じかと思いますが、普段そこまで使わないので、突然聞かれてもパッと出でこない人も多いんじゃないでしょうか?「CSS Cursors 」では下記のようなCSSで指定できるカーソルの一覧表が公開されています。


画像は一覧表の一部です。

全てのカーソルがInternet Explorer 4、Netscape 6以上のいずれかでサポートされています。またTESTのリンクにマウスカーソルをあわせるとブラウザでどう見えるのかを実際に表示してくれます。対応ブラウザまで表示してくれているのが嬉しいですね。

詳しくは以下

(さらに…)

続きを読む
posted 05:14  |  
Category: WebDesign   
tag: CSS webdesign

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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