• ホーム
  • 配色、配置デザインを参考にするおすすめサイト5選

配色、配置デザインを参考にするおすすめサイト5選

2019年07月24日

サイト作成の時に大事なのが、サイトのデザインや配色です。ある程度色やデザインは傾向があるものの、素敵なデザインや見た目、配色や配置を学習するのであれば、いくつかのサイトを参考にしてみましょう。

とにかくサイトデザインを多く知りたいというのであれば、イイネ!WEBデザインというサイトがおすすめです。このサイトは本当にいろいろなサイトのデザインが掲載されているので、サイト作成の時にどういうデザインにしようか迷った場合、イイネ!WEBデザインを見ることで色や配置の参考になります。

個性的なデザインも王道のサイトデザインも知りたいのであれば、WEBデザインの見本帳というサイトがいいでしょう。こちらはいろいろなサイトのデザインを掲載しているので、とにかく多くのサイトを見る事が出来ます。また、サイトの印象やサイトの作りなどから選ぶ事も出来るので、参考にしたいものが決まっているならぜひWEBデザインの見本帳をチェックしてみましょう。

同じくサイトのデザインを知りたい時には、MUUUUU.ORGというサイトもおススメです。このサイトは縦長のデザインを掲載していますので、今のサイト構成の一般的な縦長を生かしたデザインが出来るでしょう。特にMUUUUU.ORGはサイトをチェックする事も出来ますから、ファーストビューだけ知りたい場合にも、サイト全体の作りや動作を知りたい時にもおすすめです。

個性的なデザインやレトロなバナーデザインを知りたいのなら、レトロバナーというサイトがあります。このサイトはレトロなバナーデザインもありますが、個性的なバナーデザインや独特のデザインも掲載しています。レトロバナーについては主要なデザインカラーなども掲載しているので、色味の調整の参考にもなるでしょう。

サイトの中でも、最近はモバイルサイトやスマホだけに特化したサイトというのもあります。この中でもスマホデザインを知りたいというのであれば、sps collectionというサイトがおすすめです。このサイトは特にスマホデザインのサイトに特化していますので、たくさんのサイトの個性的な変更を見る事が出来るでしょう。sps collectionの場合はかなりシンプルなサイトですが、対応する範囲や数はかなり多くなっています。

そのほかにも、いろいろなサイトでサイトデザインやバナーデザイン、スマホ向けページのデザインを知る事が出来ます。ですが、やはり参考に出来るサイトを効率よく見て回る方が良いでしょう。

関連記事
ポートフォリオとは?作成理由と作り方

サイト作成技術があるのなら、ぜひ作りたいのがポートフォリオ(Portfolio)です。これは何かというと、あるクリエイターがその人が出来る事ややってきた事をまとめたり、こういうスキルがあるとアピールするものです。例えば沢山の作品を作ってきた人でもサイトを作ったのかブログサービスを作ったのか、Word

2019年10月05日
デザインをする際は黄金比も気にするべき理由

もしあなたが何らかのデザインをするのであれば、重視したいのが黄金比という物です。黄金比とは何かというと、様々なデザインを美しくするとされるもので、だいたい1対1.6の比率となっています。実際には割り切れる計算ではないのでもう少し少数が続きますが、大体このくらいの比率が最も美しさを感じさせるとして知ら

2019年08月31日
SEOとインライン記述の関係性

CSSを書いていると、中にはどうしてもうまく効かないためにサイトの内部にインラインで書くことがあります。これはインラインCSSと呼ばれ、どうしてもその部分だけCSSを適用させたかったり、JavaScriptなどである程度プラグインで書き出すときに書かれてしまう傾向があります。これは別に悪い事ではあり

2019年06月29日
SEO成果を確認するテストサイトでは中古ドメインで構築

もしSEO対策で成果を確認したいというテストサイトを作りたいのなら、いくつかのテクニックがあります。その一つは中古ドメインを使うという事です。中古ドメインとは、過去に検索サイトに知られている、誰かが使っていたドメインのことを指します。過去にサイト作成のために使われていた履歴があり、SEO対策に評価が

2019年05月27日
WordPressでPHPに慣れよう

もしHTMLとCSSに慣れてきたら、もう少しレベルアップしてみましょう。ここではHTMLとCSSだけではなく、より進んだプログラミング言語や制作ツールを学習するとスキルアップになります。最近のWeb業界ではデフォルトになりつつあるのが、WordPressというツールです。これはサイトを効率よく作るた

2019年06月14日
マークアップする際はSEOを念頭に置いてコーディング

HTMLを書いていくことをコーディング、CSSを書いていくことをCSSスタイリングといいますが、コーダーをやるのなら基本的にこの二つの違いと共通することは知っておきたいところでしょう。HTMLコーディングを行う場合、必ず意識したいのがマークアップとSEO対策です。マークアップとは、特定の内容に対して

2019年05月09日
デザインおすすめ勉強サイトやツール

デザインを学習する場合、そもそもデザイン理論や配色などを学習する必要があるのですが、実際のWebデザインの現場ではほかにも学習しなくてはならないことがいくつかあります。このため、Webならではの学習できることをいくつか知っておきましょう。まず、最も大事なのがグラフィックソフトのオペレーションです。と

2019年04月22日
コーディングおすすめ勉強サイトやツール

webサイトを作るために大事なのが、コーディングというHTMLやCSSと呼ばれるweb用の言語を書く行為です。これをコーディングといい、どんなに素敵なデザインが出来てもこのコーディングが出来ないとwebサイトを作る事が出来ません。また、そもそもHTMLやCSSを学習して何が出来るかを知っておかないと

2019年04月12日