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. Photoshop

    あっという間に!Photoshopのブラシで写真を手描き風にする方法

    みなさんこんにちは、mayukouです。今回は、Photoshop…

  2. Photoshop

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

    こんにちは、mayukouです。みなさん、いかがお過ごしですか?…

  3. Web Design

    【有料記事】スキルアップしよう。デザイン力が育つ方法とは。

    みなさんこんにちは、mayukouです。デザイナー5年目の私が、仕事…

  4. indesign

    デザイン

    Indesignを使って、冊子を作りました!

    知り合いの手伝いで、初めてIndesignを使って冊子を作りました!…

  5. Web Design

    デザインが成功するテンプレがここに。「なるほどデザイン」を読みました

    みなさんこんにちは、mayukouです。今回は、デザイン関連のお勧め…

  6. Tutorial

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

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

コメント

  • コメント (0)

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

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

CAPTCHA


メルマガを購読する

[mc4wp_form id=”2540″]

最近の記事

instagramもやっています

This error message is only visible to WordPress admins

Error: No connected account.

Please go to the Instagram Feed settings page to connect an account.

facebook更新中!

スポンサー

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

  1. Web Design

    スキルアップ!Webデザイナーになるための勉強をしたい人にオススメ書籍まとめ
  2. Tutorial

    自分らしさがアップ!WordPressのサイドバーにInstagramウィジェッ…
  3. Photoshop

    5ステップ!photoshopで水彩画をスキャンして切り抜く方法
  4. CSS

    グローバルメニューに最適♫メニュー幅を均一にしてくれるtable cellが便利…
  5. ブログ

    webの最新情報を学べた!webデザインセミナー「CSS nite fukuok…
PAGE TOP