TOP  >  海外

Tag : 海外

2016年11月20日

2017年のWEBデザインのトレンドをまとめた「The Future of Webdesign: Trends 2017」

WEBデザインの世界は非常にトレンドの流行り廃りが早く、昨年のものは今年、今年のものを来年使えないぐらいのスピードでトレンドが移り変わっていきます。今日紹介するのは来年の2017年のWEBデザインのトレンドをまとめた「The Future of Webdesign: Trends 2017」です。

photo-1467232004584-a241de8bcf5d

来年の注目すべき、WEBデザインのトレンドが全部で6つまとめられていましたので、順に紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:20  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2016年09月24日

iPhone 7のフリーモックアップ「Free Multicolor iPhone 7 Mockup」

良くも悪くも、国内外で大きな話題となっているiPhone7。すでに手に入れた方、検討中の方などなど様々だと思いますが、今日紹介するのはiPhone 7のフリーモックアップ「Free Multicolor iPhone 7 Mockup」です。

Free-Multicolor-iPhone-7-Mockup-prev01

基本的な外観はiPhone 6sと大きく変わらないのですが、イヤフォンジャックの廃止やiPhone 7 plusで初めて搭載された2つの背面カメラなどが表現されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:10  |  
Category: Design , Photoshop , vector   
このエントリーをはてなブックマークに追加
2016年09月11日

ベクターで描かれたカテゴリー別アイコンセット「Cagoicon Free Vector UI Icons」

制作する上で、非常に便利なアイコン素材。今回紹介するのは、File&Document、Location、Userなどよく利用しそうなカテゴリ別に生成されたカテゴリー別のアイコンセット「Cagoicon Free Vector UI Icons」です。

Cagoicon-Free-UI-Icons-Prev02

アイコンは全てベクターで描かれており、カテゴリでまとめられているため、便利に利用することが可能です。実際に収録されているアイコンは以下からご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:19  |  
Category: Design , Photoshop , vector   
このエントリーをはてなブックマークに追加
2016年09月06日

幾何学的なラインアートのベクター素材セット「18 Geometric Line Art Vectors」

規則正しい法則に基づいて描かれた幾何学模様のアートワークはアナログ的なアートワークとはまた違った、美しさを感じるものもあります。今日紹介するのは、幾何学的なラインアートのベクター素材セット「18 Geometric Line Art Vectors」です。

freebie-slide-1472466890-1-1

上記のようなラインで描かれた図形が全部で18個収録されています。収録されている全素材は以下からご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:59  |  
Category: Design , vector   
このエントリーをはてなブックマークに追加
2012年10月27日

使える見出しフリーフォント25 from 2012「25 Yet More Free Fonts for Headlines」

見出しに使うフォントは、デザインを決定づける非常に重要なもの。それだけに武器となるフォントはある程度それておきたいものです。今日紹介するのは比較的使いやすいクリエイティブなつかえる見出しフリーフォントをまとめたエントリー「25 Yet More Free Fonts for Headlines (from 2012)」です。


Nexa

シンプルなものから、クリエイティブによったものまで、全部で25のフォントがまとめられていますが、今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

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

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

2014年01月16日

32種のシームレスなパターンを集めたwebサイト「The Pattern Library」

デザインの背景に利用されるパターン素材。さまざまな柄の入ったものがいろいろと展開されていますが、webサイトの背景などブラウザによって見える範囲が違う場合などは、継ぎ目の無い連続したパターンが望まれます。今回はそんなシーンにも活用できる、シームレスなパターンを集めたwebサイト「The Pattern Library」を紹介したいと思います。

patternlibrary

32種のデザインパターンがまとめられており、個性的なデザインのものが多いのが印象的です。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:37  |  
Category: Design   
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: 
2009年11月18日

jQueryで制御する文字エフェクト集「20+ Easy to Use jQuery Text Effects and Animations 」

WEBで文字にちょっとした変化をつけようと思うと、なかなかHTMLとCSSだけでは難しくて、どうしても画像にしたりFLASHにしたりとしなければいけない場合が多いかと思います。多くの場合は問題はないのですが、利便性などを考慮した場合、テキストのまま処理ができたほうが良かったりもします。今日紹介するのはjQueryで文字に対してかけられる様々なエフェクトを集めたエントリー「20+ Easy to Use jQuery Text Effects and Animations 」です。

jquerttext1
FontEffect jQuery Plugin

グラデーション、影、アニメーションなどなど様々なエフェクトが公開されています。全部で20個のエフェクトが公開されていますが、今日はその中からいくつか気になった物を紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:47  |  
Category: WebDesign   
2008年12月03日

スピード感を演出するテクスチャセット「Motion Color Band Textures」

壁やグランジなど今まで様々なテクスチャをDesigndevelopでは紹介してきましたが、今回紹介するのは形式がぶれたようなモーションブラーが掛かったようなテクスチャをまとめた「Motion Color Band Textures」です。

上記は収録されているテクスチャの例です。上記の他にもいくつか収録されていて、20収録以上のテクスチャが収録されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:40  |  
Category: Design , Photoshop   
2012年03月28日

Illustratorを駆使できるチュートリアルまとめ「40 High Quality Adobe Illustrator CS5 Tutorials」

基本的なIllustratorの使い方はスクールなどで学ぶことはできても、実践的な使い方は仕事の中で学ぶことが多いもの。そんな制作のヒントになる、使い方を手軽に学べるIllustratorチュートリアルがまとめられていましたので、紹介したいと思います。


Create a Stylish Switch Button in Illustrator | Vectortuts+

ロゴマーク制作からイラスト制作まで、さまざまなシーンに利用できるチュートリアルが豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:41  |  
Category: Design   
2008年06月13日

【FreeFont】無料で利用できる教科書体フォント「NTモトヤ教科書2」

教科書で使われている独特な書体、教科書体フォント。今回紹介するのはモトヤが提供している。教科書体フォント「NTモトヤ教科書2」です。

フォントはTrueTypeフォントで配布されていて、ダウンロードするにはモトやへの登録が必要になり、インストールは登録ユーザーが所有する1台のパソコンにと限定はされていますが、非商用利用の個人の利用に限り、自由に利用できるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:41  |  
Category: Design , Font   
tag: Design Font
2011年05月08日

ipadアプリデザインのためのテンプレート&ワイヤーフレーム集「GUI Stencils, Wireframing Kits and Sketching Templates for iPad App Designers」

国内でもipad2が発売されて、ipadを活用する気運も再び高まっている業界もあると思いますが、今回紹介するのは、ipadアプリをデザインするためのテンプレートやワイヤーフレームを集めたエントリー「GUI Stencils, Wireframing Kits and Sketching Templates for iPad App Designers」です。


iPad GUI Design Template Version 2 (PSD)

プレゼン用、本番用のデザイン用様々な形のテンプレート&ワイヤーフレームが集められています。今日はその中から幾つか下記になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:16  |  
Category: Design , Photoshop   
2015年08月20日

adobe Photoshop Lightroomでの写真加工をもっと手軽にしてくれるプリセットまとめ「Best Free Lightroom Presets」

フォトグラファーのために設計・開発、「写真」に特化した画像編集ソフト「adobe Photoshop Lightroom」。プロとして活躍されている方はもちろん、写真をプロ並みに加工したい時などに活用されている方もいらっしゃるかと思います。今回はそんなadobe Photoshop Lightroomでの写真加工をもっと手軽にしてくれるプリセットまとめ「Best Free Lightroom Presets」を紹介します。

rightroom0
Pastel Haze: Free Lightroom Preset – Exposure School

いろいろな写真表現を可能にしてくれるプリセットが紹介されており、どれも早速使ってみたくなるハイクオリティなものばかり。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Photoshop   
2013年10月26日

HTML5とCSS3を使った高品質なWebテンプレート「50 High Quality Free HTML5 And CSS3 Web Templates」

HTMLやCSSの発展とともにWebサイトの表現の幅も広がってきていて、以前よりもクリエイティブなWebサイトが短時間で制作できるようになりました。今回はそんなHTML・CSSを用いたWebテンプレートを集めたエントリー「50 High Quality Free HTML5 And CSS3 Web Templates」を紹介したいと思います。

50hqfhacwt_0
PhotoArtWork

どれも高品質なWebテンプレート。WEBサイトが制作できる方であれば大幅に時間を短縮してWebサイトを制作することができます。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

(続きを読む…)

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

デザイン効率やクオリティをアップさせるpsd素材まとめ「25 Free PSD Files for New Year 2015」

psd素材は、いろいろな形式のデザインに使用できてとても便利なもの。たくさん素材を持っていることで、非常に作業効率がアップすると思います。そんな中今回は、さまざまな種類のpsdが揃ったまとめ「25 Free PSD Files for New Year 2015」を紹介したいと思います。

freepsd1
FREE DOWNLOAD 2015 – 3D on Behance

さまざまな場面で活躍するデザインpsdが揃っており、ダウンロードしておくといざという時に活躍してくれます。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:53  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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