TOP  >  case

Tag : case

2017年11月15日

クリエイティブなデザインで魅せる 404エラーページ事例「20+ Fresh & Creative 404 Error Pages Examples For Your Inspiration」

リンクがクラッシュしている時などに表示される404エラーページ。目にする機会も多いページですが、意外とデザインは凝られていない部分でもあります。そんな細かいところまでデザインした事例をまとめた「20+ Fresh & Creative 404 Error Pages Examples For Your Inspiration」をご紹介いたします。

404ErrorPages_top
404 Not Found

魅力的な404エラーページのデザインサンプルがまとめられています。下記にいくつかピックアップ致しましたので、ご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加

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

2016年09月23日

グラデーションを操るjavascript「Granim.js」

様々なデザインで活用されるグラデーション。その表現方法によっては色に深みが出たり、奥行きがでたりと単色では表現できない感覚を与えてくれますが、今日紹介するのはグラデーションを操るjavascript「Granim.js」です。

granim1

この「Granim.js」はjavascriptを利用して特定の色から特定の色までをシームレスに変化させる事が可能です。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:14  |  
Category: javascript , WebDesign   
2015年02月28日

ハート柄のボケ足のあるテクスチャをまとめた「A Cool Collection Of Heart Bokeh Textures You Should See」

いろいろな種類のテクスチャ素材がインターネット上に配布されており、気になったものはどんどんとストックされているという方も多いのではないでしょうか?今回はそんなコレクションに是非加えたい、ハート柄のボケ足のあるテクスチャをまとめた「A Cool Collection Of Heart Bokeh Textures You Should See」を紹介したいと思います。

heartbokeh0
valentine bokeh stock by TrishaMonsterr-stock on DeviantArt

女性らしさや可愛らしさを演出する時に使用したい、ハート柄をモチーフとした雰囲気あるテクスチャ素材がまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:06  |  
Category: Design   
2013年04月30日

デザインを彩る抽象的なベクターイラストまとめ「A Fresh Collection Of Free Abstract Vector Graphics」

デザイン全体のクオリティをアップさせるためには素材自体のクオリティの高さが重要になってきますが、特にベクターイラストなどを制作するには時間がかかってしまうもの。そんな時に是非利用したい、デザインを彩る抽象的なベクターイラストをまとめた「A Fresh Collection Of Free Abstract Vector Graphics」を紹介したいと思います。


Abstract Mess – Vector Graphic by DryIcons

風景などのストーリー性のあるイラストから、ラインを重ねたような背景素材として利用しやすいイラストまで、さまざまなベクターイラストが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
2014年05月16日

40種のフレッシュなアイコンセットまとめ「40+ Fresh and Flat Icon Sets for May 2014」

webデザインの素材の定番・アイコン。小さなイラストでありながら、機能や意味を簡単にビジュアルで表現できるため、非常に重宝されています。今回はそんなアイコンの最新まとめ「40+ Fresh and Flat Icon Sets for May 2014」を紹介したいと思います。

icon140515_0
75 Slim Weather and Climate Icons – GraphicLoads

ベーシックなものはもちろん、ちょっと変わったものまで、いろいろな種類が揃っています。気になったものをピックアップしましたので下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

役割別にUIデザインを集めたFlickrコレクション「Design Solutions」

様々なFlickrセットやコレクションが公開されていますが、今回紹介するのはWEBのユーザーインターフェイスに特化したコレクション「Design Solutions」こちらではWEBページの役割毎にユーザーインターフェイスのセットを作っています。

ユーザーインターフェイスコレクション

かなりのセットが用意されていて、404ページ、フォームページ、フッターなどの基本的なページから、コメント、ヘッドライン、カレンダーと言った少し変わったUIまで全部で34セットのユーザーインターフェイスが公開されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:34  |  
Category: WebDesign   
tag: webdesign
2013年10月20日

水の飛び散りやインクの跳ねを表現できる スプラッター調ベクターセット「20 Free Awesome Splatters Vectors」

デザイン制作に便利に利用できる素材の中でも特にベクター素材は、カラーやパスの可変が可能なので、特にグラフィックデザインで使用する際には重宝します。今回はそんなシーンに備え是非ストックしてほしい、水の飛び散りやインクの跳ね感を表現できる、スプラッター調ベクター素材「20 Free Awesome Splatters Vectors」を紹介したいと思います。

20fasv_0
Colorful Splash Banner Vector

どれも単調な表現ではなく、飛び散り感をリアルに描くことができるスプラッター調素材が集められています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2014年10月29日

繊細なラインで描かれたwebデザインテーマのイラストアイコン「Web Design Icon Set」

なにかと便利に活躍してくれるアイコン。フリーで利用できるものも多数配布されており、気に入ったものを見つけたらストックされている方も多いと思います。そんな中今回紹介するのは、繊細なラインで描かれたwebデザインテーマのイラストアイコン「Web Design Icon Set」です。

free-icons

webデザインをテーマとしたアイコンが、PNG、PSD、Aiという3形式でまとめられています。

詳しくは以下

(続きを読む…)

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

便利に使えるフリーイラストレーターブラシセットのまとめ「30 Sets of High-Quality Adobe Illustrator Brushes」

加工が便利なので、非常に使いやすいillustratorのブラシ。Designdevelopでも以前「illustratorで使えるベクターフリーブラシ「A Huge Compilation of 60 Free Illustrator Brushes」」や「230本収録!マーカーのベクターデータ集「230 Marker Illustrator Brushes」」といくつか紹介していましたが、今日紹介するのもフリーで使えるillustratorのブラシセットをまとめたエントリー「30 Sets of High-Quality Adobe Illustrator Brushes」です。

illburashi01
Celtic Border Brush

水彩系からデジタル系まで幅広いジャンルのブラシが集められています。今日はその中からいくつ描きになった物をピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:02  |  
Category: Design , vector   
2017年03月14日

フォント選定の参考に 2016年に注目されたフリーフォント200種「Best of 2016: 100 Free Fonts」

デザインの良し悪しを決めるフォント選定ですが、膨大な数のデザインフォントの中から選び出すことはなかなか大変だと思います。そんなデザイナーの強い味方になってくれるのが、今回ご紹介するまとめ「Best of 2016: 100 Free Fonts」です。

elrotex
Elrotex Brush Font — download free fonts by PixelBuddha

なんとこのまとめでは200種類ものフリー欧文フォントを一挙に紹介しています。その数あるフォントの中でもおすすめのものを幾つかピックアップしてみましたので、下記よりチェックしてみて下さい。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design , Font   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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