デザインの役割からみる「トーン」と「マナー」
こんにちは。デザイナーの山口陽一郎です。 去る2014年2月19日（水）に、株式会社パソナテック様主催のセミナー「クリエイターのためのトーン＆マナー設計」にて登壇させていただきました。 皆さんは「トーン＆マナー」という言葉を耳にしたことがありますか？「トンマナ」と略されることの方が多いかもしれません。その説明の前に、ちょっと寄り道をさせてください。 ■デザインのふたつの役割とトーン＆マナーの演出 デザインには大きく分けてふたつの役割があります。 1. 機能性を高める これはユーザーにとって製品をより使いやすくしたり、誤操作の危険をなくしたり、迷わないようにサポートするための役割です。 そしてもうひとつが今回のセミナーのテーマとしてとりあげた、 2. トーン＆マナーの演出 です。製品に、それが使われる場にふさわしい属性・キャラクターを付与する役割です。 たとえばレジャーグッズなら「楽しさを想
Webサイト制作において、私なりの色選定の考え方
色の選び方って難しいですよね…。 私自身良く迷うので、頭の中を整理するためにも、私なりの色選定の考え方をまとめてみました。 ※色の基本的な知識は既にあるという前提で書いてます。 色の基本的な知識がない方は、こちらを見ておくと良いかと。 色の選定にあたり、大切なことは、「目的」と「ターゲット」の2つだと思います。 目的について 目的とは、『色によって何を表現したいのか、ユーザーにどんなことを感じてほしいのか』ということです。 これをはっきりしておかないと、ユーザーへの色伝達の意図が曖昧なものになってしまいます。 目的の例としては、以下2つが挙げられます。（非常にざっくりとわけていますが…） 1. 企業・ブランドのアイデンティティを出したい 2. 企業・ブランド・商品・サービスらしさや、カテゴリーらしさを出したい 目的はそれぞれのみの場合や、1と2混合で考えられる場合があります。 ターゲットに
テーマカラー1色をメインに用いたWebサイト50
2018年10月11日 Webデザイン, インスピレーション, 色彩 前回の記事「WebデザイナーにおすすめのEvernote活用術」で紹介したように、私はEvernoteに素敵なデザインをストックする際、使われているテーマカラー別にタグをつけて分類しています。気がつけば各色のデザインストックが増えてきたので、その中でも厳選した5サイト×10色の合計50サイトを紹介します。単色をデザインに使う時のポイントも一緒に読んでみてくださいね！ ↑私が10年以上利用している会計ソフト！ 追記：リンク切れサイトを削除したため、数が減ってます… テーマカラーをメインに取り入れる時のポイント 「配色に自信がなくても！Webデザインが好きになる配色ツールと使い方」でも紹介したとおり、きれいな配色でもベタ塗りしただけではデザインの魅力が半減してしまいます。特に今回のようにテーマカラーを使う面積が広ければ広いほ
55 Colorful Web Designs to Inspire You
2 Pings & Trackbacks Pingback: 48 Examples of Excellent Layout in Web Design | Inspiration Pingback: 35 Purple Web Designs to Inspire You | Inspiration 49 Comments Very beautiful, and very bright. Great collection thanks! This is a very beautiful and inspiring showcase. It’s nice to see so many positive examples of color use – none of these are tacky. Love colorful websites! I want to see more Ins
ウェブ制作に役立つウェブデザイナーのための検索サイト集
各種チュートリアルをはじめ、写真画像やベクター素材、アイコン、フォント、カラーなどウェブ制作に役立つウェブデザイナーのための検索サイトを紹介します。
【公式】ハイローオーストラリア｜新機能：ジャックポット・キャッシュバックプログラム￤HighLow.com
ジャックポットについて特別なキャッシュバック取引約定後に、幸運なプレイヤーは最大100,000円のキャッシュバックが当たります。また、Highlowロイヤルティ・ステータスが高いほど当選確率・金額が上昇します。
ボタンやパネルなどの背景にも最適な220個のPhotoshopのレイヤースタイル
Deziner Folioから、ボタンやパネルなどの背景にも最適な220個のPhotoshopのレイヤースタイルを紹介します。 220 Amazing Free Photoshop Layer Styles レイヤースタイルは、以前当サイトでも紹介した「Ultimate Web 2.0 Layer Styles」のバージョンアップ版で数も130個から220個へ増えています。 参考：グラデーションをマスターするためのPhotoshopのチュートリアル集 Ultimate Web 2.0 Layer Stylesでは、下記のボタン画像のサンプルが掲載されています。
デザインやファッションに取り入れたい、2008年 秋・冬のトレンドカラー | コリス
pantone fashion color report fall 2008 左から順に Blue Iris CMYK 75 58 2 0 Royal Liac CMYK 66 77 0 0 Shady Glade CMYK 98 19 68 7 Caribbean Sea CMYK 100 17 26 3 Aurora Red CMYK 13 100 88 2 Shitake CMYK 52 50 67 17 Wlthered Rose CMYK 30 57 50 2 Twillight Blue CMYK 100 72 12 24 Burnt Orange CMYK 13 63 100 0 Ochre CMYK 11 24 74 0
Color Schemer | Create matching color schemes at the click of a button
Every Monday, get all the new schemes posted during the previous week sent to your inbox.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
色で探せるウェブデザイン・ギャラリーまとめ - DesignWalker
黄金比グラデーション・白銀比グラデーション - DesignWalker
webサイト作成時にサイトカラーを決められない人の為のwebサービスいくつか*ホームページを作る人のネタ帳
//// COLOURlovers :: loving colours since 1981
デザインやファッションに取り入れたい、2008年 夏のトレンドカラー | コリス