TOP  >  prototype

Tag : prototype

2017年07月04日

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

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

mirr.io_top

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

詳しくは以下

(さらに…)

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

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

2009年08月23日

ロゴデザインのデザインプロセスを集めた「16 Logo Design Processes Of Top Logo Designers」

デザインの中でもコンセプトを表現したり、その団体や企業を直接表すものになってしまうだけに的確といえるものを制作するのはとても難しく、楽しくも悩まされる案件ですが、今回紹介するのはロゴデザインのデザインプロセスを集めたエントリー「16 Logo Design Processes Of Top Logo Designers」です。

logodesignp01
Dache.ch Logo Design Process

手書きのラフから、最終的なカタチになるまでどんなプロセスを追って作成されていったかが分かるようになっています。いくつかのロゴデザインのデザインプロセスが公開されていますが、今回はその中から気になったデザインを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 03:55  |  
Category: Design   
tag: Design
2012年02月14日

レトロテイストなデザイン制作に使いやすいフォントまとめ「Collection Of Free Retro Fonts For Your Vintage Designs」

デザインに流行があるように、デザイン制作に必要なイラストやフォント・アイコンにも、その時々で流行があり、それぞれの時代を思い出させてくれる重要なアイテム。そこで今回紹介するのが、レトロテイストなデザインに使いやすいフォントばかりを集めた「Collection Of Free Retro Fonts For Your Vintage Designs」です。


Matchbook Typefaces | One by Four

タイプライターをモチーフにしたフォントや、以前に流行した映画のロゴを思い出させるようなフォントまで、さまざまな時代を感じられるフォントばかりが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:10  |  
Category: Font   
2010年02月18日

CSS3を応用したテクニック集「18 Incredible CSS3 Effects You Have Never Seen Before」

WEB業界では最近度々話題になるCSS3。先日DesigndevelopでもCSS3を使ったボタンデザインのテクニックを紹介しましたが、今回はボタンデザインに限らず、CSS3で様々な実験的な試みを行なっているチュートリアル、Tipsを集めたエントリー「18 Incredible CSS3 Effects You Have Never Seen Before」を紹介したいと思います。

css3-tips01
Awesome CSS3 Lightbox Gallery Demo

今まで、HTML×CSSではできなかった事が、CSS3の新たな機能を使って実現しています。多々紹介されていますが、今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 02:19  |  
Category: WebDesign   
2016年10月14日

手書き風の雰囲気を手軽に フリー配布のハンドドローイングフォント20選「20 Beautiful and Free Hand-Drawn Fonts」

自分の手で書いたようなアナログテイストな質感が演出できるハンドドローイングフォント。デザインに抜け感などを出したい時にも活用されます。そんな中今回は、フリー配布のハンドドローイングフォント20選「20 Beautiful and Free Hand-Drawn Fonts」を紹介したいと思います。

font1014_1
Thirsty Dog free typeface on Behance

一口にハンドドローイングフォントといっても、いろいろなテイストのものが揃っています。気になったものをピックアップしましたので下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 06:54  |  
Category: Font   
2017年07月03日

クリエイティブからミニマルまでWordPressのフリーテンプレート10「June 2017: 10 Pretty, New and Free WordPress Themes」

WordPressのテンプレートは、デザイン制作の効率化やデザイン精度を高めてくれる非常に便利な存在。そんな中今回紹介するのはmWordPressのフリーテンプレートまとめ「Pretty, New and Free WordPress Themes」です。

Brilliant-top
Brilliant – Kostenlose WordPress-Themes

トレンドを取り入れつつ、機能面も充足したテンプレートがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: WordPress   
2011年03月21日

クリエイティブなjQueryプラグイン28選「28 Fresh jQuery Tutorials」

先日、jQueryのプラグインを「新しくて、素晴らしいjQueryプラグイン「30 Fantastic New jQuery Plugins」」という記事で紹介したばかりですが、今回はクリエイティブなjQueryプラグインを集めたエントリー「28 Fresh jQuery Tutorials」を紹介いたします。


Fullscreen Gallery with Thumbnail Flip

このエントリーでは、スライダー、ギャラリーなどを中心に演出に凝った、見せるためのjQueryプラグインが多数まとめられていました。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 04:15  |  
Category: WebDesign   
2018年11月27日

SNSのシェア率アップに効果的なWordPressプラグイン13種

コンテンツがいくら面白くても、サイト内にシェアボタンが無いことで拡散の機会を失っていたら、本当にもったいないことですよね。今回紹介するのは、 WordPressでスタイリッシュなSNSボタンを設置できるプラグイン「13 Effective WordPress Plugin to Lift Up Your Sharing Rate」です。

wordpress-plugins-for-sharing-07
Content Resharer

シェア率を高めるために効果的なWordPressプラグイン集です。中でも気になったものをいくつかピックアップしてみました。

詳しくは以下

(さらに…)

続きを読む
2007年12月09日

テキストを色々な形で回り込ませる「CSS Text Wrapper」

テキストの回りこみはWEBのデザインではあまりにも自由度が低いです。今日紹介する「CSS Text Wrapper」はそんなテキストの回りこみを自由に表現するためのWEBサービスです。

テキストの回りこみ

こちらのサイトでは自分で好きな図形を形作り、それに合わせてテキストを配置することができます。

詳しくは以下

(さらに…)

続きを読む
posted 06:49  |  
Category: WebService   
2014年06月17日

さまざまなイラストやグラフィックのベクター素材を集めた「36 New Free Vector Graphics and Vector Images for Designers」

グラフィックデザインからwebデザインまで、幅広いデザインシーンで活用できるベクター素材。イラストレーター等での編集が可能なため、利用範囲は多岐に渡ります。そんなベクター素材を集めた「36 New Free Vector Graphics and Vector Images for Designers」を今回は紹介したいと思います。

vector140617_1

さまざまなイラストやグラフィックのものが揃っており、いろいろなシーンで活用することができそうです。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: vector   
2008年06月15日

ロゴデザインのリソースサイト集「105+ Logo Design Tuts And Resources」

皆さんはロゴデザインを考える時にどんな物を参考にしているでしょうか?今ある企業のロゴデザイン、昔のマーク、または全く関係のない物からと、作るロゴのテイストや使われる物の種類でも違ってくるとは思いますが、今回紹介するのはロゴデザインに役立つロゴで残を取り扱っているサイトをまとめた「105+ Logo Design Tuts And Resources」と言うエントリーを紹介したいと思います。

ロゴのリソースとなるようなサイトが集められています。かなりの数が紹介されていますが、その中からいくつか下記に紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 09:30  |  
Category: Design   
tag: Design

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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