TOP  >  トレンド

Tag : トレンド

2018年12月31日

2019年のWEBデザインのトレンドは?「20 web design trends for 2019」

2018年も今日で最後となりました。沢山のWEBサイトが今年もリリースされ様々な印象的なデザインや表現手法が生まれました。今回紹介するのは来年2019年の主流になりそうな、WEBデザイントレンドを紹介したエントリー「20 web design trends for 2019」。

webtrednd

2019年以降に来ると言われているデザイントレンドの中から、国内でも同じようにトレンドになりそうなものを、いくつかピックアップして紹介したいと思います。

(続きを読む…)

続きを読む
posted 06:06  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2018年02月12日

クリエイティブなスマートフォン向けフリーUIキット「H1 / Free Mobile UI Kit for Sketch & Photoshop」

日々進化するデザイン。常に最新のものを情報としても、そして素材でも取得しておきたいもの。そんな中今回紹介するのは、最新のトレンドが随所に反映されたフリーUIキット「H1 / Free Mobile UI Kit for Sketch & Photoshop」です。

uikit

デュオトーンやフレッシュなカラーリングが特徴の、非常にクリエイティブ性のあるスマートフォン向けのUIキットとなっています。

詳しくは以下

(続きを読む…)

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

2018年のデザインの流行を知る「10 Design Trends to Watch Out For in 2018」

毎年移り変わりの早いデザイントレンド。2018年に入り、どんなデザインが流行の兆しにあるのか?それをまとめた記事「10 Design Trends to Watch Out For in 2018」を今回は紹介したいと思います。

designtrend1

10の予想されるトレンドがピックアップされています。中でも気になったものをピックアップしてみましたので、以下よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
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   
このエントリーをはてなブックマークに追加
2017年06月18日

トレンドをおさえたスタイリッシュなデザインが魅力 シームレスメンフィスパターン集「10 Memphis Style Patterns」

80年代のデザイン界に革新をもたらしたメンフィスデザイン個性の強いデザインなので最先端のトレンドを取り込みたい方にはとてもおすすめ。そんなパターンが詰まった「10 Memphis Style Patterns」を今回はご紹介していきたいと思います。

Memphis_top

ビビットなカラーでデザインにインパクトを与えてくれる特徴的な10種類のパターンが収録されています。

詳しくは以下

(続きを読む…)

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

最新トレンドのスタイリッシュなデザインアイコンまとめ「10 Fresh Icon Designs For Free Download」

情報を視覚的に分かりやすくしてくれるアイコンは、適切なものを使い分けていきたいですもの。そのためには種類豊富にストックしておくことが大切です。そんなときにあると便利なアイコンのまとめ「10 Fresh Icon Designs For Free Download」を今回は紹介したいと思います。

icondesigns-top
Free Line Icon Set for Designers (AI, EPS, SVG, PNG)

さまざまなテーマで制作されたアイコンがまとめられています。気になったものをピックアップしましたので、以下よリご覧ください。

詳しくは以下

(続きを読む…)

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

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

2017年09月14日

ポップでカラフルなトロピカルベクター素材キット「Tropical Nature Kit」

ネット上ではさまざまな種類の素材が配布されていますが、今回紹介するアイテムは思わず心が躍ってしまう、ポップでカラフルなトロピカル素材キット「Tropical Nature Kit」です。

tropical01

常夏をイメージさせてくれる可愛らしいイラストレーション素材が揃っており、セットでダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design , vector   
2017年04月01日

プレビューで簡単!CSSアニメーションがブラウザ上で作れる「animista」

Webデザインを彩るCSSアニメーション。実装時にはデザインのイメージに合わせて、細かな調整を加えたり、なかなかに手間がかかる箇所でもあります。そんな手間がかかる調整工程を省ける、ブラウザ上でアニメーションが作れるツール「animista」を今回は紹介したいと思います。

IvvuhLKOlVsmlb12ajwABAssUEEguU9u2CBAgQIAAAQIECBAgQIAAAQIECKy5gEByzRuA3SdAgAABAgQIECBAgAABAgQIECCwTAGB5DK1bYsAAQIECBAgQIAAAQIECBAgQIDAmgsIJNe8Adh9AgQIECBAgAABAgQIECBAgAABAssUEEguU9u2CBAgQIAAAQIECBAgQIAAAQIECKy5gEByzRuA3SdAgAABAgQIECBAgAABAgQIECCwTAGB5

ブラウザ上でプレビューしながら細かな動きを調整して、タグをコピペするだけでCSSアニメーションが実装できる便利なツールです。

詳しくは以下

(続きを読む…)

続きを読む
2015年05月12日

webサイトなどの読み込み・待機中に利用したい フリーのローディング&プログレスバー13種「13 Free PSD Loading & Progress Bar Designs」

webサイトにアクセスした時や、重たいデータを読み込みする際に使用するローディング&プログレスバー。シンプルなデザインのものが多いですが、しっかりとデザインされたものが配置されていると、サイトクオリティをより高めることができます。今回はそんな時に参考にしたい、フリーのローディング&プログレスバー13種「13 Free PSD Loading & Progress Bar Designs」を紹介したいと思います。

loading1
Dribbble – Round Progress Meter (PSD Freebie) by Marco Moreno

デザイン的に非常に優れ、なおかつフリーで使用できるものが厳選され紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

コピーの手間をちょこっと削減。選択範囲を自動コピーするFirefox拡張機能「AutoCopy」

ブログを書いていると多用するのがコピー&ペースト。ショートカットも簡単で、これといって負担になる作業ではないのですが、今日紹介するFirefox拡張機能は文字列を選択しただけでクリップボードにコピーしてくれるfirefox拡張機能「AutoCopy」です。

通常コピーまでは行程的に文字列を選択して、ショートカットを押してという2段階になっていますが、この拡張機能を導入すれば一工程減らして、コピーをすることができます。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:22  |  
Category: firefox , Tool   
tag: firefox Tool
2016年02月06日

筆やペンなどで書いた雰囲気を表現できるフリーフォント「15 Beautifully Imperfect Free Brush Fonts」

フォントは綿密なバランスが計算されて作られたものが多いですが、時にはラフ感を演出したフォントを使いたいシーンもあるのではないでしょうか?そんな時に活躍してくれる、筆やペンなどで書いた雰囲気を表現できるフリーフォント「15 Beautifully Imperfect Free Brush Fonts」を紹介したいと思います。

brushfont0
Dreamers Brush (Free Font) on Behance

アナログテイストな、まるで自身でハンドメイドしたかのような質感を演出できるフォントが紹介されています。

詳しくは以下

(続きを読む…)

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

いろいろな種類を厳選してまとめたフリーpsd素材集「Free PSD Files for Designers」

なにかと便利に活躍してくれるpsd素材。フリーでも多彩な種類の素材が配布されています。今回はそんないろいろな種類を厳選してまとめたフリーpsd素材集「Free PSD Files for Designers」を紹介したいと思います。

freepsd_1
Dribbble – Free Music Player PSD With Album Light/Dark – Free PSD by Ses Vasile Daniel

さまざまなデザインシーンで利用できるpsd素材がまとめられており、是非ストックしておきたくなるものばかりが揃っています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:11  |  
Category: Design   
2015年09月24日

定番から個性派まで 多彩なバリエーションに富んだフリーアイコンセットまとめ「34 Brilliant Free Icon Sets for Designers and Developers」

特にwebデザインシーンで多く使用するアイコン。いろいろな種類を持っていると、何かと重宝すると思います。そんな中今回紹介するのは、多彩なバリエーションに富んだフリーアイコンセットまとめ「34 Brilliant Free Icon Sets for Designers and Developers」です。

icon0924_0
Dribbble – 63 Free Icons by Martin J.Berthelsen

ぜひストックとしてチェックしておきたいアイコンが、定番から個性派まで種類豊富に紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

カートに追加するボタンデザインを集めたデザイン集「“Add to Cart” Button Showcase」

ECサイトには欠かせないボタン「カートに入れる」。国内でも海外でもインターフェイスとして必須の項目です。今日紹介するのはカートに追加するボタンデザインを集めたデザイン集「“Add to Cart” Button Showcase」です。

addcart01

様々なジャンルのECサイトのカートに入れるボタンのデザインを集めています。いくつか紹介されていますが、今日はその中から気になったものをいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:22  |  
Category: WebDesign   
tag: webdesign
2007年10月30日

Javascriptで動くFlashライクなスライドショー「COULOIR」

FLASHでのスライドショーは色々とカスタマイズできて見栄えも良くクリエイティブな感じですが、当然FLASHの取得がある程度必要になってきますし、カスタマイズも普段コードばっかり描いてる人には少し厄介です。今回紹介するのはFLASHのようなクリエイティブなスライドショーをJavascriptで実現させた「COULOIR」です。

couloir

写真の切り替えエフェクトやデザインはかなりシンプルでどんなサイトでも合うデザインになっています。機能的にはスライドショーとしての最低限の機能が実装されているという感じです。動作デモは「Couloir.org: Resizing, Fading Slideshow Demo」です。

このスライドショーの実装にはprototype、moo.fx、soundmanagerなどの既存のライブラリが必要ですが、配布元にはこれらのライブラリも含めて配布してくれているのでダウンロードしてすぐに使う事ができます。ソースのダウンロードは下記のリンクの上部「About this Slideshow »」を押して出てくる「Download the source」からどうぞ。

Couloir.org: Resizing, Fading Slideshow Demo

続きを読む
posted 04:25  |  
Category: WebDesign   
2014年09月08日

ポップなテイストのフリーアイコンが80種揃った「Medlee – 80 Fancy Icons」

比較的小さく使用することの多いアイコン。単体使いでも印象的に見せるためには、アイコン自体にも個性が必要です。そんな中今回紹介するのは、ポップなテイストのフリーアイコンが80種揃った「Medlee – 80 Fancy Icons」です。

medlee1

スロバキアのデザイナー・Luke Mynus Kovac氏手がける、個性を感じさせるかわいらしいテイストが特徴のアイコンが80種セットでダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

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

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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