ウェブ配色
ウェブ配色
-
ウェブ配色で気をつけたいこと(2017年版)
ウェブ配色に必要な要件は、利用される環境やデバイスによって変わってきています。スマートフォンの登場から10年経ち、多くのサイトを見て感じたことをまとめてみました。
-
ウェブ配色ツールVer3をリリースしました
スマートフォンやタッチデバイスにも対応したウェブ配色ツールをリリースしました。前作より6年経過していますので、今までと変わったことや気づいたこと、今後などを自分用にメモ書きしておきます。
-
フォームエラーの背景色がピンクである理由
いよいよ年末を迎えまして、私はこれから買い出しと掃除に励みたいと思いますが、その前に12月26日(土)に開催されたCSS Nite LP43「Webデザイン行く年来る年(Shift9)」に出演してきました。 その時にスマートデバイスセッションで、フォームでエラーが出た場合の表示が、ほ...
-
12時間の講座をやって、あらためてわかったウェブ配色の話
いつも同じことを話していますが・・・ ふくい産業支援センターからお声掛けいただき、12時間のセミナーを行ってきました。これほどの長時間の講座は久々なので、大事なことは全部話そうと思っていたのですが、あらためて考えてみると、本当基本的なことしか話していないと...
-
テキストのコントラスト比でWeb制作会社のよしあしを判断する
とあるWebサイトを見ていて、ものすごく読みづらいメインビジュアルのキャッチコピー(すなわち最も伝えたいであろうというコピー)を見つけたのですが、もしかするとその辺りをチェックすると制作会社のよしあしを見極められるかもしれないと思ったのでまとめてみました。 ...
-
ヒューレットパッカードのWebサイトが黒から白に変わった理由
以前の記事でレポートしたデザイントレンド(https://www.color-fortuna.com/blog/seminar/designtrend-20130302.html)の前日打ち合わせと称した飲み会の席で、登壇者の原一浩さんから、「なんでヒューレットパッカードの色が黒から白に変わったんでしょうね」と言われていたのですが結局当日はセッション時間の都合で話せなかったので、ここで私の見解をまとめておきたいと思います。
-
Adobe kuler(現Adobe Color)を使った誰にでもできそうなWeb配色
色ってそんなにセンスは関係ないですよ 「色彩センスのない人がそれなりのWebサイトを作るための秘訣3つ」という記事があったので、思うところとかを含めて配色の方法についてまとめてみました。私の方ではもう少し具体的な配色の方法についてもまとめたいと思います。 い...
-
背景色と情報量に関する考察
まずはこのサイトを見て感じるところがあったので、まずは皆さんにも見ていただくところからスタートしましょうか。あえてスクリーンショットなどは載せませんので、これが何のサイトであるか、どういう内容が書かれているかを確かめてみてください。 参考サイト 十分に疲...
-
文章を読みやすくする色のあれこれ
画面全体の配色ほど気にはされないのが、本文テキストの配色です。まあ読めればいいという感じもするので、最低限のことをやっておけば、それほど問題が生じる場所ではありませんので、今日はその最低限についてまとめてみたいと思います。あくまで私が考える最低限の配慮...
-
iPhone用の配色ツール
iPhone用の配色ツールを公開しました。Webアプリですので、どなたでも以下のページから利用することができます。 https://www.color-fortuna.com/wcg_iphone/ iPhoneでの使用に特化する形で作っておりますので、普通のパソコンからの閲覧は、SafariとかChromeならなんとか使...
-
Webサイトの色彩設計についてあれこれ
Webサイトの色彩設計について、話すことが増えてきましたが、最近になって言いはじめたわけではなく、初めて「Web site expert #4」(2005年9月発売)の特集に執筆させていただいた時の記事タイトルが「配色で失敗しない!WEBサイトの色彩設計」だったので、もうずっと同じ...
-
Webサイトの配色を行うために手元に置いておきたい10冊の本
配色の参考になる本はたくさんありますが、Webサイトの配色に関連が強いもの・使いやすいもの、に限ると、それなりに有益な本は絞られてきます。デザインの初中級者向けに、役に立ちそうな本をジャンル別にまとめてみました。 総合 Web配色に関する書籍は、色のイメージを...