TOP  >  プロトタイプ

Tag : プロトタイプ

2017年07月04日

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

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

mirr.io_top

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

詳しくは以下

(さらに…)

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

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

2008年04月25日

高解像度+商用利用可のテクスチャ用画像配布サイト「freetextures.org」

デザインの質感を作って上で欠かせないテクスチャ画像。DesignDevelopでも今まで「2〜5Mの高画質・高解像度のフリーテクスチャ配布サイト「texturez.com」」や「最大2560×1920の高解像度テクスチャを無料配布する「Mayang’s Free Textures」」といくつか紹介してきましたが、今回紹介するのは高解像度+商用利用可というかなり好条件のテクスチャ用画像配布サイト「freetextures.org」です。


配布されているテクスチャ画像の一例

木の年輪、緑、石、空、汚れた壁といった定番のテクスチャ素材がカテゴリーに分かれ数多く配布されています。

詳しくは以下

(さらに…)

続きを読む
posted 03:03  |  
Category: Design   
tag: Design
2015年05月29日

さまざまなブラウザに対応できるサイズを揃えたフリーアイコン「FREE RESPONSIVE ICONS」

いろんな場面で活躍してくれるアイコン。種類やテーマも豊富にフリーで配布されていますが、サイズ展開がされていないことも。そんな中今回紹介するのは、さまざまなブラウザに対応できるサイズを揃えたフリーアイコン「FREE RESPONSIVE ICONS」です。

8icon

サイズやカラーリングに段階をつけた、多彩なブラウザデザインを手がけることが多い今の時代にぴったりなアイコンセットとなっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:44  |  
Category: Design   
2016年03月13日

divもタブもチェックボックスも回転のエフェクトを与えることができる「TURNBOX.js」

IEのサポートも縮小され、少しづつではありますが、制作の現場もアニメーションやエフェクトに対して積極的になってきました。本日紹介するのはdivもタブもチェックボックスも回転のエフェクトを与えることができる「TURNBOX.js」です。

turnbox1

こちらは様々な要素に対して、回転のエフェクトを与えることが可能となっております。例えばON/OFFのトグルだったり、アップロードだったりダイアログだったり、div自身にも与えることができるため、ページ全体を切り替えるようにした使い方も可能です。

詳しくは以下

(さらに…)

続きを読む
posted 03:02  |  
Category: javascript , WebDesign   
2015年07月02日

デザイン性の高いフリーフォントコレクション「Collection of New & Free Fonts for June 2015」

デザイン制作に欠かすことのできないフリーフォント。クオリティの高いデザイン性のあるものを取り入れるだけで、制作物の雰囲気が変わってしまうほど重要な役割を持っています。そんな中今回紹介するのは、デザイン性の高いフリーフォントコレクション「Collection of New & Free Fonts for June 2015」です。

font0702_0
Bellico font by seventhimperium – FontSpace

非常に魅力的なビジュアルやテーマが特徴のフリーフォントがピックアップされています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Font   
2015年10月09日

イメージビジュアルなどの作成に便利なフリーモックアップ集「11 Free New PSDs & Actions For Mock-ups」

完成したデザインを実際に使用するメディアやアイテムなどに当てはめることで、製品になった時のイメージが非常につかみとりやすく、またクライアントなどに伝えやすくなります。今回はそんなシーンで活用したい、イメージビジュアルなどの作成に便利なフリーモックアップ集「11 Free New PSDs & Actions For Mock-ups」を紹介したいと思います。

psd1009_0
11 Free New PSDs & Actions For Mock-ups | SmashingApps.com

11種の、高いクオリティが感じられるモックアップ素材が11種まとめられ、紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 04:24  |  
Category: Design   
2011年07月06日

効果的なランディングページを制作できるテンプレート集「50 Effective Landing Page Templates for your Products」

インターネット上に広告を掲載する場合、広告から商品に直接結びつくページへの誘導が、ユーザーがサイトに留まってくれる重要な要素だと思います。そこで今回紹介するのが、ユーザーに分かりやすいランディングページを手軽に制作できるテンプレートを集めた「50 Effective Landing Page Templates for your Products」です。


Marketing – Promo – Landing Page for Digital Product Sales – ThemeForest

商品の詳細をチェックしたらすぐに購入できるように設計された、さまざまなテンプレートが紹介されています。中でも特に気になったテンプレートをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2013年03月08日

時代を感じさせるような演出がしやすいテクスチャまとめ「20 Free High Quality Vintage Texture Packs」

高級感のある雰囲気を表現できるビンテージ素材は、デザインの奥行きを感じさせるのにとても使いやすいのではないでしょうか?そんな中今回紹介するのが、時代を感じさせるような演出がしやすいテクスチャをまとめた「20 Free High Quality Vintage Texture Packs」です。


Vintage Paper II TEXTURE PACK by ~Knald on deviantART

質感や時代を感じられるテクスチャ素材が多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:21  |  
Category: Design   
2007年11月20日

【FreeFont】マジメすぎず、可愛いすぎないフォント「あずきフォント」

手書き風の日本語フォントを探している方におすすめなのが今回紹介する「あずきフォント」です。このフォントはマジメすぎず、可愛いすぎないをコンセプトに作られたフリーフォントです。

あずきフォント

あずきフォント

収録されているフォントの種類は英数字/記号/ひらがな/カタカナギリシャ文字/ロシア文字/各種記号等JIS第一水準漢字/JIS第二水準漢字/IBM拡張漢字罫線部分には絵文字+αとかなり使えるフォントです。

詳しくは以下

(さらに…)

続きを読む
posted 08:26  |  
Category: Design , Font   
tag: Design Font
2012年10月10日

立体表現が美しいPSD素材まとめ「40 Fresh And Free PSD Files For Designers」

画像編集からCG制作まで、制作シーンで欠かせない存在となっているPhotoshop。今回は、そんなPhotoshopを利用して制作されたさまざまな立体素材をまとめた「40 Fresh And Free PSD Files For Designers」を紹介したいと思います。


Metallic Slider & Dropdown PSD | PixelsDaily

最新のiPhone5のモック素材から、ビジネスバッグなどのアイテムまで、さまざまなPhotoshop素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 05:03  |  
Category: WebService   
2012年11月12日

多彩なライン表現が可能なPhotoshopブラシまとめ「30 Sets of Free Lines Brushes For Photoshop Users」

デザイン制作をしていると単一なラインではなく、デザインに合わせたニュアンスのあるラインを使用する機会も多いと思います。そんな中今回紹介するのが、多彩なライン表現が可能なPhotoshopブラシをまとめた「30 Sets of Free Lines Brushes For Photoshop Users」です。


Speed Lines – 600 DPI by ~screentones on deviantART

美しい曲線を表現したブラシから、デジタル的な表現、アナログ的な表現など、さまざまなPhotoshopブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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