Web Design

webデザインのトレンドと取り入れよう!デザインの参考になるwebリソース 〜海外編〜


みなさんこんにちは、mayukouです。
あっという間に土曜の半日が終わってしまい、ちょっとやり過ごした感のある、今日です。

さて、今回はwebデザインのトレンドを取り入れるべく、
デザインする上で参考になりそうなサイトをピックアップしてみました。
海外編と日本編に分けてお伝えしたいと思います。
本記事では、海外編ということで海外のサイトをご紹介します。

では、行ってみましょう!

スポンサードリンク

webデザインの参考になるリソース

Behance

112-behance2

Adobe社が運営している、自分の作品を公開するためのオンラインポートフォリオサイトです。
グラフィックやロゴ、写真の他、モーショングラフィック動画や建築、工業デザインの作品までが投稿されています。
https://www.behance.net

Awwwards

114-awwwards

投稿されたサイトを審査員と信頼のあるユーザーが、デザイン、クリエイティビティ、ユーザビリティ、コンテンツといった観点から採点し、そこで高評価を得たサイトを、日ごと、月ごとに表彰するサイトです。Award(賞)とwww(web)をもじったサイトタイトルですね。
http://www.awwwards.com

Dribbble

116-dribbble

招待制の作品投稿サイトです。登録済みのユーザーから招待された場合のみ新しいユーザーが登録できるシステムになっています。そのため、常に高いクオリティを維持しています。

https://dribbble.com

CodePen

118-codepen

CSS、JavaScriptのコード共有サイトです。主にwebデザインにおける表現やUI、インタラクションデザインを共有するもので、GitHubとの連携、フォーク、他のサイトに埋め込む機能が備えられています。
http://codepen.io

Pixeden

119-pixeden

web、アイコン、ベクター画像やグラフィック、UIやテクスチャなどのハイレベルなデザインリソースをダウンロードできるサイトです。一部を除いては有料で、月額6$でダウンロードできるようになります。
http://www.pixeden.com/

Codrops

121-codrops

webデザイナー、フロントエンジニア向けの情報サイトです。CSSやJavaScriptのテクニックを駆使した見ていて気持ち良い高度なデザインサンプルやチュートリアル、webデザインに関する情報をブログ形式で紹介しています。
http://tympanus.net/codrops/

 

最後に

いかがでしたか?
海外の最新のデザインや技術に触れることができるサイトをご紹介しました。
サイトを見て、最新のトレンドをデザインに取り入れたいですね!
知らなかった発見がきっとあるはずです♫

投稿者プロフィール

mayukou
mayukou
Webデザイナー修行中のmayukouです。webデザインのお仕事を始めてなんとか約6年が経ちました。とにかく技術を高めようと思っています。仕事で得た知識やお役立ち情報をご紹介いたします。宜しくお願いします。水彩画を勉強中です。趣味は音楽鑑賞(洋楽)、料理、読書、ブログです。
詳しくはこちら

Twitterをフォローしていただくと、最新情報を見逃しません♫

関連記事

  1. jQuery

    簡単設置で見やすい!レスポンシブ対応メニューslicknavの使用方法

    みなさんこんにちは、mayukouです。さて、4月21日から、goo…

  2. CSSフレームワーク

    押さえておきたい!代表的なCSSフレームワークまとめ

    みなさんCSSフレームワークをご存知ですか?最近CSSフレームワー…

  3. illustration

    発見!スキャンで取り込んだイラストをIllustratorで使えるベクターにする方法

    みなさん、こんにちは!mayukouです!先日アップしたブログに、P…

  4. CSSフレームワーク

    簡単にBootstrapで!100%表示のレスポンシブ対応のカルーセルスライダー

    こんにちは、mayukouです。お盆も過ぎて、後半戦が始まった感じで…

  5. Photoshop

    Photoshopでパターンを作ろう!斜めストライプを作る方法とは?

    こんにちは、mayukouです。先日仕事でIllustratorで斜…

  6. Tutorial

    簡単!photoshopでスタンプ風のかすれた表現をする方法

    今回は、スタンプ風のかすれた表現をご紹介します。私は、仕事で使うこと…

コメント

  • コメント (0)

  • トラックバックは利用できません。

  1. この記事へのコメントはありません。

CAPTCHA


メルマガを購読する

Web Design Cafeの メルマガを購読する

更新情報や、お知らせ、お得情報をゆる〜く配信(月1程度)。


最近の記事

instagramもやっています

facebook更新中!

スポンサー

こんなサイトも作ってます。

  1. ipadmini

    Mac

    iPad mini retinaとcookpadがいい感じ
  2. Photoshop

    Photoshopでかすれたスタンプ風表現をする方法 その2
  3. Photoshop

    アナログにも負けない水彩画風表現を!Photoshopで混色しながら色を塗る方法…
  4. Web Design

    WordPressでポートフォリオサイトをリニューアルしました。wordpres…
  5. illustration

    発見!スキャンで取り込んだイラストをIllustratorで使えるベクターにする…
PAGE TOP