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. デザイン

    お店の顔!仕事の幅も広がる私流ロゴデザインマニュアル

    どんな商品やお店にも必ずロゴというものが存在します。グラフィックデザ…

  2. jQuery

    画像も文字もスライド可能!Swiper.jsでコンテンツスライダーを簡単に!

    皆さんこんにちは、mayukouです。先日、スライダーに便利で簡単な…

  3. Web Design

    今後のデザインのトレンドとして注目!コンテンツファーストのサイトをまとめてみた

    みなさんこんにちは、mayukouです。ウェブデザインのトレンドであ…

  4. illustration

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

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

  5. free font

    デザイン

    デザインの質が上がる!私が利用しているフリーフォントサイト

    こんにちは。mayukouです。遅くなりましたが、新年明けましてお…

コメント

  • コメント (0)

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

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

CAPTCHA


メルマガを購読する

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

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


最近の記事

instagramもやっています

facebook更新中!

スポンサー

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

  1. レポート

    CSS nite Fukuoka vol.5行ってきました。Illustrato…
  2. Web Design

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

    ついつい押したくなる!立体的なボタンのデザインをPhotoshopで作る方法
  4. Mac

    イラストレーターにオススメ!iPad Pro 9.7 wifiレビュー
  5. デザイン

    お店の顔!仕事の幅も広がる私流ロゴデザインマニュアル
PAGE TOP