トップ

未経験,webデザイナー

参考になる便利なサイト紹介

授業中で教えて頂いたサイトや自分で見つけた制作に便利なサイトをご紹介します。

便利なサイトが多く、それらを利用して作品制作をすれば、確実にクオリティが上がります。

是非活用して下さい。

サイトレイアウト参考サイト

イケサイ

WEBデザイン参考サイト

WEBデザインの見本帳

これらのサイトは、企業のサイトなどオシャレなサイトをまとめて紹介してくれているサイトになります。

紹介しているサイトの数も多く、サイトのデザインやレイアウトなどを考える際参考になります。

配色

色彩理念の基礎に学ぶ、相性バツグンな色の組み合わせ

カラー配色で迷わない!シーン別配色見本32パターン

配色に悩んだ時に役立つ便利なサイトやカラー関連ツールまとめ

色の基本的な組み合わせ、センスの良い色の選び方、配色ツールなどを利用すれば、配色のセンスは確実に上がります。是非利用しましょう!

フリーの写真

Pixabay – 無料の写真

商用使用も可・人物写真も豊富な無料 写真素材のまとめ

フリーで使用できるクオリティの高い画像は探せば沢山あります。是非探して見ましょう!

フリーのイラスト

フリー素材 様々な用途に使える高画質な無料イラスト素材まとめサイト

イラストなどは一から作ると大変に難しいです。自分で作る場合参考になるものを利用した方が早くクオリティが高いものが作れます。

早く作る技術も制作する上で必要ですので、イラストなどを参考にしましょう!

Illustrator・Photoshop素材サイト

Photoshop VIP

こちらのサイトで、ブラシ、テクスチャ、アクション、パターンなど無料で使えるものがDL出来ます。

プロが制作したものが多く、一つ使うだけでもグッとデザインが良くなります。

ランサーズ

クラウドソーシング「ランサーズ」

練習をしながらお金が稼げるかもしれないので、是非利用して下さい。

クラスでは半分以上の方が登録して、依頼などを出していました。

デザインに実力がある方は、お金を頂けてましたが私は一円も稼げませんでした。

見出しジェネレーター

スタイルシート見出しメーカー

CSS見出しジェネレーターWEB道

簡単にオシャレな見出しが作れます。様々なパターンがあるので見出しを作る際参考になります。

HTML・CSS参考サイト

ドットインストール

制作初心者にオススメなサイト、HTMLなどがわからない場合はこちらを覗いて見てください。

サイト内の英語をオシャレにする

グーグルフォント

普通のフォントを使うよりもグッとデザインが良くなります。

アイコンフォント

Ligature Symbols

調べれば結構出てきます。画像で作るよりも簡単に設置できてオシャレなサイトになります。ちょっとしたアクセントに使用できる便利なツールです。

jQuery

jQueryプラグイン634サンプルまとめ

jQueryを使いたい方はこちらのサイトを覗いて下さい。サンプルなども置いていますので動作が確認でき、コードもわかりやすくおいているので参考になります。

まとめ

紹介したサイトを使って制作すれば、必ず良い物が作れます。

制作は数が多ければ多いほど経験値となり、知識として活かされます!

Webデザイナーを目指す方の約に立てれば幸いです。

Web系求人サイトランキング

求人サイトに登録して、Webの求人情報はどんなのがあるのか調べてみることをおすすめします!

スマホからでも簡単に登録できるので、Web系に転職を考えている方は登録して損はありません!

多くの求人情報を見ることで、Webのどんな分野の募集があるのか知ることができます!

できれば1つだけの登録でなく、複数登録しましょう!

1位 ジョブセンスリンク

就職が決まるとお祝い金(最大10万円)がもらえるシステムが最大の特徴!
10 / 10点満点中 )
会員数 100万人 更新
対応エリア 全国 サポート 転職祝い金
就職が決まるとお祝い金(最大10万円)がもらえるシステムが最大の特徴!会員数も100万人超と増え続けている。Web系の求人も多いので是非登録しましょう!

2位 @type

月間140万人が利用している老舗系転職サイト
9 / 10点満点中 )
会員数 140万人 更新 600件以上
対応エリア 全国 サポート スカウト等
IT系、web系、クリエイター系などに強い!自己分析ツールNo.1 !転職力を判定する転職力診断テストがオススメ!若者に人気があります!