ウェブ配色ツールが新しくなりました 1色を作れば自動的に配色を作るツールです。難しいツールではないので、多分使えばわかると思います。この写真も変えることができます。
Buy this domain. 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
6/30に BP studyという勉強会で発表した時の資料を今頃掲載します。 しすてむえんじにあ的な方ばかりの勉強会でデザインについて何かしゃべることになったので、なるべく誰にでもわかる話にしようと思って、色の超基礎について話すことにしました。 著作権的にアレな部分を修正したので、発表時の資料とは若干違います。トーン表は、1から作るのは30秒くらいで諦めたので、日本色研さんから拝借したままです。怒られたら本気出す。 私がこれらの色の知識をどう身につけたか について、簡単に3点ほど書きます。ほんとに基礎の基礎なので、知識ってほど大層なものでもないですが。 (1)美大受験用予備校で習った 美大受験用予備校では、一番最初にこういう色の基礎について教えてくれます。色の基礎を教えた上で、講師は生徒に「お前は原色使いすぎ。もっと濁った色を使ってバランス取ることを覚えろ。」という風に指導してきます。 色
iPhone用の配色ツールを公開しました。Webアプリですので、どなたでも以下のページから利用することができます。 http://www.color-fortuna.com/wcg_iphone/ iPhoneでの使用に特化する形で作っておりますので、普通のパソコンからの閲覧は、SafariとかChromeならなんとか使えないこともありませんが、FirefoxとかIEは検証すらしておりませんし、修正するつもりもございません。もし見れない場合にはほぼ同じことのできるPC版のページをお試しください。 ふわっとした使い方 説明が必要なほどの難解なツールではありませんが、機能紹介も含めてざっとまとめてみました。 まずiPhoneのSafariでURLを開くと、下のような画面が表示されます。 このままでも使えないことはありませんが、以下の要領で、ホーム画面にアイコンを追加して起動することで、より広い
photo credit: eliazar 配色の参考になる本はたくさんありますが、Webサイトの配色に関連が強いもの・使いやすいもの、に限ると、それなりに有益な本は絞られてきます。デザインの初中級者向けに、役に立ちそうな本をジャンル別にまとめてみました。色だけで解決しないことも多いので、 総合 Web配色に関する書籍は、色のイメージを中心とした見本帳のようなものがほとんどで、デザイン・マーケティング・ユーザビリティ・アクセシビリティなどを総合的に紹介している本はほとんどありません。それが私の本が世の中に存在する理由となっています。 まずざっくりとWebの配色について学びたいのであれば、自著で恐縮ですが、まず以下の2冊挙げることになります。基本的な事項は押さえられるように書いたつもりですし、それなりにまとまっていると自負しております。 上記の2冊は出版時期も出版社も異なるのですが、2冊合わ
2018年10月11日 Webデザイン, インスピレーション, 色彩 前回の記事「WebデザイナーにおすすめのEvernote活用術」で紹介したように、私はEvernoteに素敵なデザインをストックする際、使われているテーマカラー別にタグをつけて分類しています。気がつけば各色のデザインストックが増えてきたので、その中でも厳選した5サイト×10色の合計50サイトを紹介します。単色をデザインに使う時のポイントも一緒に読んでみてくださいね! ↑私が10年以上利用している会計ソフト! 追記:リンク切れサイトを削除したため、数が減ってます… テーマカラーをメインに取り入れる時のポイント 「配色に自信がなくても!Webデザインが好きになる配色ツールと使い方」でも紹介したとおり、きれいな配色でもベタ塗りしただけではデザインの魅力が半減してしまいます。特に今回のようにテーマカラーを使う面積が広ければ広いほ
多くのwebデザイナーが、行き詰ったときに吐かれる台詞。 それが『センス』です。 センスがない、というのはよく聴く言葉です。 しかし、色彩感覚とは『センスの問題』ではなく、たんに勉強不足というケースも少なくありません。 今回はそんな色をテーマにしたエントリーをまとめて見る事にします。 とにかく最初に学ぶ基礎 この色彩系の分野においては圧倒的にwebクリエイターボックスブログが強いので、その中でこれは使えるぞというエントリを何個か抽出しています。そのほかにも、ちょっと古い記事でもとても参考になるものからもご紹介いたします。 正直私のブックマークが配色、色彩、色で60近くのエントリーがありました。 色で学ぶ部分と言うのは「広く浅く」では無く、どちらかと言うと「狭く深く」のほうが強い気がします。なので、そのブックマークの中から、かなりというかもう限界まで厳選した物をご紹介いたします。 配色パター
青系統の色が使われていることに変わりはありませんが、検索エンジン以上にバラつきが見られます。特に、Yahoo!の場合は、各ジャンルごとのページでも微妙にテキストリンクの色が変わっていました。それぞれのサイトデザインの特徴に合わせて変化させているのだろうと思います。 楽天のようにデフォルト色を使用しているサイトもありましたが、全体からすると少数派のようです。 Q&Aサイトの最大手OKWaveはGoogleと同一でした。また、ユーザビリティといえばビービットさん、ということで調べてみましたが、やや暗めの青を使用していました。ビービットさんのことなので何か意味があるのかもしれません。 クックパッド クックパッドは、日本最大級のレシピ検索のサイトです。ユーザービリティには細心の注意を払っていて、ユーザー一人当たりの平均PVが高いことでも知られています。 そんなクックパッドですが、サイトをのぞいてみ
基本的な使い方 左上のカラーピッカーを使って、任意の1色を作れば、それに合わせた配色が作れるツールです。またロゴの文字や色は任意の物を指定できるようになっています(ただしフォントは変更出来ません)。 カラーピッカーの下のスライダーを利用すれば、メイングラフィックの変更や色相幅も変えることが出来ます。動きが必要な配色の場合には、2つめのスライダーを右に動かしてください。補色配色に近い配色が出来上がります。 色の一覧を押すことで、出来上がった色の一覧を表示しますので、コピー&ペーストしてお使いください。 この配色ツールについて この配色ツールはフォルトゥナによって提供されています。リンク等は当然のことながら自由にしていただいて構いませんが、無断で複製・転載するのはおやめください。 取材・執筆等のお申し込み このツールに関してのご質問、あるいはその他の色に関する取材・業務や講演などは、フォルトゥ
デザイナーにNo!と言える色彩スキルを修得! 場所:大阪産業創造館 5F 研修室A・B 時間:2010年9月28日(火) 18時30分~21時 講師:カラープランニングオフィス フォルトゥナ代表 坂本邦夫 セミナー概要 このセミナーは実際に配色を行うデザイナーではなく、ウェブの発注者やディレクターなど、他人のデザインをチェックし、修正させる立場の方のためのものです。 デザインを見るときにどの部分の色を見なければならないのか、必ず押さえておきたい配色の原則、避けなければならない色の使い方などを学ぶことで、色彩による機会損失を減らし、より完成度の高いサイトをデザイナーに目指させることを目的としています。 そのため、「この色を使えばこんなイメージになります」というようなデザイナーの職分である色の組み合わせの話などはあまりしませんのでご注意ください。(配色技術については別のセミナーを企画中です
The xcolor plugin is an easy-to-use jQuery extension to manipulate colors in all imaginable combinations. OverviewThis plugin implements an extensiv color parser and a featureful set of color-manipulation methods. There is also an animate() extension to smooth CSS colors. Another useful method isReadable() completes the whole, by allowing you to check if a text is readable on a certain background.
無効なURLです。 プログラム設定の反映待ちである可能性があります。 しばらく時間をおいて再度アクセスをお試しください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く