2017年6月30日 色彩 配色によってそのデザインの印象は大きく変わると思います。色は大切な要素のひとつですね！ということで、色の持つ印象別に配色アイデアをずらりと並べてみます。配色はおなじみ（？）のCOLOURloversから、「これは！」と思うものを選ばせて頂きました。素敵な配色がいっぱいのこのサイト、ぜひ覗いてみてください！また、今回紹介するのはあくまで一例ですので、自分なりにアレンジしてみるのも楽しいと思います。サイトの雰囲気にあう配色を探してみてください。 ↑私が10年以上利用している会計ソフト！ 配色に関するおすすめサイト COLOURlovers 色をテーマにしたコミュニティサイト、COLOURlovers。自分の考えた配色を登録したり、お気に入りの配色を保存しておくことができます。今回はこちらから配色アイデアを選びました。iPhoneアプリは「ColorSchemer」と

TL;DR 先月、リーフレットを作ったときに「なぜか同じように印刷されない」とか、サイトを作るときにイメージが伝わりにくいと感じたことが多々ありました。で配色に関して勉強してみたんですが、基礎がダメだったんですね。基本をしっかり勉強せねばと思いました。今回は配色やカラーマネージメント、３属性など基本的なことを復習を兼ねてまとめました。 基本 １．配色用語 筆者、記憶力と理解力が悪いので、色の勉強をする前に使用頻度の高い基本用語をおさらいしておくことにします。「一言でいうと何？」と聞かれた時用に、簡潔にまとめました。 三原色／色を表現する基本３色。色料(CMYK)と色光(RGB)がある。 CMYK／印刷物に使う。藍・紅・黄・黒。重ねるほど暗くなる減法混色。 RGB／PC モニタ・テレビ。赤・緑・青の３色。混ぜるほど明るくなる加法混色。 減法混色(げんぽうこんしょく)／CMY を使った混色。印

作成：2013/06/24 更新：2016/06/30 Webデザイン > ECサイトなどでは、デザインがクリーンすぎたり、余白が多いと成約率が下がることもあるので、フラットデザインをクライアントさんに中々提案できずにいます。（フラットデザインについてはこちら） とはいえ、画像が少ないからロードは早いし、なによりコーディングの時短も大きいですよね。そろそろ、フラットデザインに慣れてきたユーザーも多くなってきたし、Webサービスなんかでは積極的に使いたいところです。 今回は、WPテーマにテンプレート、必須ツールやCSSなどフラットデザイン絡みの情報を整理。まとめサイトをさらにまとめてあるので、大体は揃うと思います。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．オンラインツール ２．WordPressテーマ ３．Bootstrap テンプレート ４．アイコ

日本語ウェブフォントとは 日本語ウェブフォントも本当にゆっくりですが、広がりを見せてきています。私のホームページで使っているのも日本語ウェブフォントですし、このブログも実は日本語ウェブフォントを使用しています。ちょっと可愛い文字でしょ。SEOにも有利ですし今後広がっていくと思います。 FONTPLUSのFONT TIPS　https://fontplustips.comではわかりやすく日本語ウェブフォントの説明がされているので、まずは基礎知識を得てみるのも良いと思います。Webディレクターとしておさえておきたい！日本語Webフォント最新事情でもわかりやすい説明があります。 私の公開しているフロップデザインフォントと、うつくし明朝体もウェブフォントを見据えてデザインされています。このブログはフロップデザインフォントをカスタマイズしたフォントです。フロップデザインフォントはフラットデザインのイ