Webの表現を広げるアイデア参考サイト

ブログ

Blog
  1. ホームページ制作・運営はアウラ:ホーム
  2. ブログ
  3. Webの表現を広げるアイデア参考サイト

Webの表現を広げるアイデア参考サイト

Webの表現を広げるアイデア参考サイト

こんにちは、エンジニアの仁木です。

最近システム開発の案件ばかりで、Webサイトの実装には携わっていないので、
久しぶりに、昔チェックしていたサイトを紹介して昔の気持ちを思い出そうと思います。

本日は自分がブックマークしてよく見ていたサイト3選を紹介させていただきます!

Codrops

WebGLやJSを駆使した斬新で面白いUIやアニメーションが多く紹介されています。
デモのソースコードが配布されているので、実装方法を学んだり、デモ実装をカスタマイズして自身のサイトに取り入れたりもできます。

デモ以外にも、実装に関するTipsや動画記事も更新されているので、デザインよりのフロントエンドの実装に興味のある人は多くの情報を手に入れられると思います。(記事が英語なので、英語が苦手な方はChromeで翻訳して読みましょう)

vertexshaderart.com

シェーディング言語で作成された3Dグラフィックを投稿できるサイトです。
実際のコードと生成された3Dが見れます。
自分で思いついたアイデアをスケッチとして残したりもできますし、人それぞれ違うテイストの作品から新しいアイデアを得たりできます。

シェーディング言語を使いこなすことはとても難しいですが、3Dの表現に興味のある人はアイデアを得る場所としてチェックすると良さそうです。

Dribble.com

世界中のデザイナーが、自身の作成したデザインを投稿しているSNSです。(作品からつながりを持って、仕事につながったりもするようです。)
アニメーション、モバイルUI、ロゴ、タイポグラフィなど、デザインの種別ごとにカテゴライズされており、気にった作品をストックすることができます。

Pinterestと似ていますが、Dribbleの方は作品の投稿にアカウント作成が必要なのと、アカウント作成は招待制となっており、よりコミュニティとしての毛色が強い感じがします。

お電話でのお問い合わせはこちら:06-6292-8577。受付時間は平日9:30~18:30 インターネットからは24時間受付中!お問い合わせフォームはこちら
Webデザイナー、Webプログラマ募集中!