便利なサイト:デザイン関連

color-sample.com

https://www.color-sample.com/

色見本を、色名や16進コードとともに掲載しています。
キーカラーが決まったら、その色に対してさまざまな配色候補や配色見本を示しており、非常に参考になります。

Google Design

https://design.google/

oogle のデザインに関するページへの入口です。Newsページで定期的に動向をチェックしておくとよいでしょう。
Material Design や Google Fonts のページへはここから移動できます。

Color Scheme Designer

http://paletton.com/

トライアドやテトラードなど色相環を分割し、自分で配色パターンを作成するなら、このツールが非常に使いやすくておすすめです。直感的な操作で細かい調整をすることができます。
作成した配色でサンプルサイトを表示してくれる機能は、クライントと配色によるイメージの共有をするのに役立つでしょう。
また、その他にも便利な機能が備わっており、作成した配色パターンをさまざまな形式でエクスポートできたり、色覚異常やグレースケールの表示シミュレーションもしてくれます。

RESPONSIVE WEB DESIGN JP

http://responsive-jp.com/

日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイトです。
レスポンシブWebデザインで制作するなら、デザイン面で非常に参考になります。

960 GRID SYSTEM

https://960.gs/

グリッドシステムのサイトでは最も有名。
参考サイト一覧では、そのサイトのグリッドを表示することができます。
CSSやテンプレートもすべて無料でダウンロードし利用できます。

オンライン講座

Webの基礎マスター講座ページへのリンク


連載講座:WordPressで作る簡単Webサイトページへのリンク

提供しているサービス

WordPressサイト制作出張講座ページへのリンク

WordPress を利用した Webサイト制作の方法を、
あなたのオフィスにうかがいご説明いたします。
料金:¥45,000

サービス詳細ページ >>

申し込みフォーム >>


Webサイト1日公開サービスページへのリンク

一刻も早く Webサイトが必要な方のために、
一緒に作業し1日で公開までもっていきます。
料金:¥45,000

サービス詳細ページ >>

申し込みフォーム >>

特集記事

  • WordPress Image

    WordPress の基礎から応用まで
    Webサイト制作ツールとして圧倒的な人気を誇るWordPress。利用するにあたって必要な知識を体系的にまとめた記事です。
  • jQuery Mobile Image

    jQuery Mobile を基本から覚える
    スマホサイト制作に最適なフレームワークの利用方法を解説。DEMOページ・サンプルコードで動作を確認できます。

スポンサーリンク

ページの先頭へ