TOP  >  Design

Tag : Design

2017年05月30日

最新のトレンドを押さえたポートフォリオサイトを紹介・考察する「5 Trends in Personal Portfolios」

常に技術が進歩し続けるIT業界。そんな進歩に合わせ、Webデザインのトレンドも常に移り変わっています。良いデザインを提供するのに、最新のトレンドの把握は欠かせません。今回ご紹介するのはそんな最新のトレンドを押さえたポートフォリオサイトについて研究した記事「5 Trends in Personal Portfolios」です。

1-1-Wanaka
Wanaka / Studio de création

最新のトレンド要素がたくさん詰まったポートフォリオサイト例にとり、トレンドをわかりやすく解説・考察しています。

詳しくは以下
(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加
2017年05月29日

個性あふれるフォルムが特徴 デザイン性のあるフリーフォントまとめ「20 Best Free Fonts on Behance」

写真やグラフィックだけでは与えられない、個性やインパクトを添えてくれるフォント。多くの形が存在していますが、今回は独創的な形状を持つフォントに焦点をあてた「20 Best Free Fonts on Behance」を紹介したいと思います。

20 Best Free Fonts on Behance-top
BUFFALO – FREE SCRIPT FONT on Behance

手描きからクラシカル、ユニークな雰囲気など、独特さを兼ね備えたフォントデザインが20種類まとめられています。気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Font   
このエントリーをはてなブックマークに追加
2017年05月28日

着古されたTシャツのプリントのような”かすれた”テクスチャ「9 Free “Washed & Worn” Aged T-Shirt Effect Textures」

汚れや経年劣化など、古びたようなテクスチャをデジタルアートワークで表現したいけれど、やり方が分からない・・そんな時に便利に利用できる「9 Free “Washed & Worn” Aged T-Shirt Effect Textures」を今回は紹介したいと思います。

washed-worn01

まるで着古したプリントTシャツのような、剥がれやシワを再現できる素晴らしいテクスチャセットです。

詳しくは以下
(続きを読む…)

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

ゆるいタッチが魅力のキュートな手書き風ベクターイラスト素材120+「Romantic Dreams Free Vectors」

デザインに添えるイラストは、雰囲気を柔らかく華やかにしてくれたりと、何かと役に立つ存在。いざという時に活用できるストックとして持っておくと非常に便利です。そんな中今回ご紹介するのは、120点以上ものイラストがセットになった「Romantic Dreams Free Vectors」です。

Romantic Dreams

ペンようなタッチで描かれた、柔らかい雰囲気のイラストが魅力的な素材セットです。

詳しくは以下
(続きを読む…)

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

UIデザインに機能的なアニメーションをつける4つのポイント「4 Ways Use Functional Animation in UI Design」

デザインに動きをつけてより見やすいUIを作り上げるとこができる、UIアニメーション。上手に利用すれば良いUIを制作できますが、動きという印象に残る要素になるため、取り入れるにはコツが必要です。今回ご紹介するのは、そんな時に役立つ、UIデザインにアニメーションを盛り込むコツをまとめた「4 Ways Use Functional Animation in UI Design」です。

animationui

アニメーションを採用するための4つの覚えておきたいポイントが、非常にわかりやすく実例も踏まえて解説されています。

(続きを読む…)

続きを読む
posted 10:00  |  
Category: WebService   
このエントリーをはてなブックマークに追加
2017年05月23日

Photoshopをもっと便利にする40のアドオンをまとめた「40 Photoshop Add-ons: Discover Actions, Filters, Plugins, and Panels」

Photoshopをもっと便利にしてくれるアドオンやプラグイン。便利なのはわかっているけれど、数が多すぎて、どれをダウンロードしていいか分からない、なんて感じている方も多いのではないでしょうか。そんな中今回ご紹介するのは、Photoshopのアドオンをまとめた「40 Photoshop Add-ons: Discover Actions, Filters, Plugins, and Panels」です。

40-photoshop-add-ons_01
40 Photoshop Add-ons: Discover Actions, Filters, Plugins, and Panels

時短に繋がるプラグインや、普段のデザインをより良いものへと変えてくれる使いやすいアクションなどが40種類も揃う、デザイナー必見のサイトです。今回はその中から、おすすめのツールを幾つかピックアップしてみましたのでご覧ください。

詳しくは以下

(続きを読む…)

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

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

2014年04月30日

ダーク系カラーベースのUIキット「DARKY UI FRAMEWORK」

webサイトやスマートフォンサイトをデザインするには、設計から制作までどうしても時間がかかってしまうもの。さらに高いデザインクオリティを求められると、さらに制作時間を要すると思います。今回はそんなシーンに是非利用したいUIキット「DARKY UI FRAMEWORK」を紹介します。

darky1

ブラック・グレーのダーク系カラーをベースにした、フラットデザインのさまざまなUIがセットになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2012年06月12日

WEBデザインに利用しやすいミニマルアイコンまとめ「25 Sets Of Clean Icons For Perfect Minimal Web Design」

表示サイズが小さくなることも多いWEBデザインでは、シンプルで分かりやすいアイコンの必要性を感じる場面も多いのではないでしょうか?そこで今回紹介するのが、WEBデザインに利用しやすいミニマルアイコンをまとめた「25 Sets Of Clean Icons For Perfect Minimal Web Design」です。


Impressionist UI Free – User Interface Pack – DesignModo

カラーを利用しないシンプルなデザインの中でも、表現力が高いアイコンが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:14  |  
Category: Design   
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   
2011年08月04日

水&雲のさまざまな表情を作り出せる「20 Free Useful Water and Cloud Brushes resource for Photoshop Users」

デザイン制作に非常に役立つphotoshopブラシは、いくつあっても嬉しいもの。今回紹介する「20 Free Useful Water and Cloud Brushes resource for Photoshop Users」も、非常に活用頻度の高いブラシセットまとめです。


Water Brushes Sampler by ~FrozenStarRo on deviantART

詳しくは以下

水が飛び散る様子、夏の日の空のような大きな雲など、さまざまな種類のブラシが紹介されています。いくつかピックアップしてみましたので、下記よりご覧ください。

(続きを読む…)

続きを読む
posted 07:44  |  
Category: Design , Photoshop   
2012年11月15日

オールディーなデザインに使いやすいビンテージテクスチャまとめ「20 Vintage Texture Packs」

さまざまな時代の雰囲気を作り上げることができるというのも、デザインの大きな魅力ではないでしょうか。今回はそんなデザイン製作の中から、オールディーなデザインに使いやすいビンテージテクスチャをまとめた「20 Vintage Texture Packs」を紹介したいと思います。


Vintage Book Textures | Pixel Pixel Pixel // Jetpacks for Designers

年代を感じられるパターンを利用したテクスチャや、味のあるペーパーやフィルムのテクスチャが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

ナンバリングがついたjQueryとCSSで制御するスライダー「 Automatic Image Slider w/ CSS & jQuery」

非常に高機能なjavascriptライブラリとして、WEBではかなり利用されているjQuery。今回紹介するのはjQueryとCSSで制御するスライダー「Automatic Image Slider w/ CSS & jQuery」です。

demo_01
View Demo

この手のjQueryを用いたスライダーは数多く存在しますが、「Automatic Image Slider w/ CSS & jQuery」はHTML部分、CSS部分とてもシンプルに作られており、カスタマイズが非常に簡単に行なう事ができます。また動きの部分のjQueryもシンプルなので、カスタマイズもjavascriptを知らないというかたでも何となく分かる作りになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:52  |  
Category: WebDesign   
2015年11月05日

さまざまな種類のワイヤーフレームを集めたサイト「UI Tiles」

デザイン設計時にワイヤーフレームを使って構成を確認・設計することで、完成までのイメージを頭に想像できるとともに、進行・作業をスムーズに行うことが可能となります。今回はそんな設計時に利用したい、さまざまな種類のワイヤーフレームを集めたサイト「UI Tiles」を紹介したいと思います。

uitiles1

シンプルなテイストのワイヤーフレームが多数まとめられており、設計するサイトに合わせ選択し活用することができそうです。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:33  |  
Category: Design   
2011年12月14日

コンクリートのさまざまな表情を利用したテクスチャパック「70 Concrete Texture Packs」

コンクリートのテクスチャは、無機質な印象でありながらも、使い方次第でいろいろなデザインに幅広く活用できる素材として重宝されています。今回はそんなコンクリートのさまざまな表情を利用したテクスチャパック「70 Concrete Texture Packs」を紹介したいと思います。


Freebie: Concrete and Pavement Texture Pack – DesignM.ag

シンプルな定番タイプから、使い込まれ味わいが感じられるタイプなど、ジャンルは一つでも、たくさんの種類のテクスチャが収録されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:14  |  
Category: Design   
2013年01月17日

デザイン性の高いWEBサイトデザインテンプレートまとめ「30 Fresh PSD Website Templates for Free Download」

誰もが手軽にWEBサイトを持つことができるようになっていますが、見やすさとユーザービリティに配慮したサイトを制作するのはなかなか難しいもの。そんな中今回紹介するのが、デザイン性の高いWEBサイトデザインテンプレートをまとめた「30 Fresh PSD Website Templates for Free Download」です。


Free Website PSD – Blanq

Photoshopで制作されたWEBサイトデザインのテンプレートが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:50  |  
Category: WebDesign   
2009年11月15日

商用可!グランジを表現できるフリーphotoshopブラシ「10 Free Grunge Photoshop Brushes」

デザインに質感や風合いを表現するためにべんりなグランジ処理、それだけにグランジ関連のテクスチャは数多く配布されていますが、今回紹介するのは自分でグランジを表現できるフリーphotoshopブラシ「10 Free Grunge Photoshop Brushes」を紹介したいと思います。

10freegrande01

全部で10のグランジブラシが収録されており、様々なタイプの汚れを表現することができます。またブラシは2500pxと非常に公開ぞどなので、デザインの現場でも利用する事もできるかとおもいます。収録されているブラシが公開されていましたので、下記に紹介致します。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:03  |  
Category: Design , Photoshop   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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