デザインの原理原則がわかる8つの記事 | creive
デザインをする際に、IllustratorやPhotoshop、Sketchが使えるといった、小手先の技術はもちろん大切ですが、そもそも「良いデザインとは何か」という概念的なことを知っておくのは大切です。 そこで、今回は、ノンデザイナーでも押さえておくべき、デザインの原理原則がわかる8つの記事を簡単な説明とともにご紹介します。 企画書の作成、簡単なモックアップをつくる際にも役立つものばかりです。 配色技法 デザインをしていて「良い配色」が思い浮かばない… なんて時に読むと考えがまとまる記事です。 「良い配色」という、なんとなく持っている概念を、論理的に説明したい時には重宝します。ドミナントカラー、トーンイントーン、カマイユなど7つの配色技法を、具体的な例を用いて説明しつつ、配色によってもたらされる効果を知ることができます。 → 配色に悩んだときに、きっと役立つ7つの配色技法【基本】 配色パ
カラーツール「0to255」で色を決めてメニューを作ってみる
このブログで何回か紹介している0to255というオンラインツールですが、かなり便利だと思うので使い方を説明してみます。 色に関する知識が乏しい私ですが、0to255を使うとまとまった感じの配色になるので重宝しています。今回は0to255を使ってメニューを作る際の色選びをしてみます。 0to255の使い方 まず、0to255の使い方についてですが、下の画像のように「PICK A COLOR」をクリックしてカラーコードを入力します。 今回は「#ff7400」を指定してみます。 すると、指定した色より明るい色と暗い色がグラデーションになってたくさん表示されます。近い色がたくさん表示されますので、これらをうまく使うとまとまった感じのメニューが作れます。 メニューの配色を決める ということで、以下のような配色でメニューを作ってみます。 メニュー背景のグラデーションと境界線の1pxラインに使う色を選ん
[ HUE / 360 ] The Color Scheme Application
Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP
allef.com - クリスタルボタンの作り方 -
透明感のある、アクア風ボタンよりは、材質が固めの雰囲気が出ます。 完成予想図 白背景で使うことは、困難です。 ダメだと思ってましたが、背景を白にし、上ラインと下ラインを消して、白背景いけました。 そもそもアクア風がいけるのにこれがいけないっておかしいですね^^;。 訂正します。 ただ、背景に溶け込むような透明さは生まれません。 光である白が全体に塗りつぶされたところでは、不透明が生む透明さが実現できません。 なので白以外の背景を使うサイトにお奨めします。 出来る大きさは、指定したピクセルに影を2ピクセルか3ピクセルつけた大きさになります。 まず新規で、作りたいボタンの大きさを決めます。 今回使うのは、300 * 42、です。 1つのボタンの場合は120くらいかそれ以下でも良いですね。 チャンネルで角を丸めます。 新規チャンネル、CTRL + A 、背景色、白を確認して、D
連載インデックス「絵心がなくても簡単に絵が描けるProcessing」 - ＠IT
連載インデックス 「絵心がなくても簡単に絵が描ける Processing」 アートやデザインのためのプログラミングを実現するオープンソース環境Processing。とにかく容易にグラフィックを作れるので、ビジュアル表現に興味があるけど二の足を踏んでいた方にお勧めです Processingでスケッチプログラミングを始めてみよう 絵心がなくても簡単に絵が描けるProcessing（1） 芸術の秋です。とにかく簡単にグラフィックを作れるオープンソースでアートやデザインをプログラミングしてみませんか？
すこしズルしてリアルなアイコンを作る方法 | バシャログ。
猫も杓子も Web 2.0 的な表現がもてはやされた頃、 ツヤツヤでリアルなアイコンの作成を迫られて嫌な汗をかきました。 質のよいイラストを描くことが要求される上、小さく細かい作業がてんこ盛り。 時間もスキルも足りない！ [1] まずフリー写真を探します。 アイコン作るのに何故写真が必要なの？とお思いかもしれませんが何故ならすこしズルいからです。 今回はこの本の写真を、アイコンっぽくしてみます。 [2] 必要なサイズにぎゅっと縮小し、背景を切り落とします。 [フィルタ]→[カラー調節]→[トーンカーブ]で、強めに調節します。 さらに[フィルタ]→[カラー調節]→[明るさ・コントラスト]でかなり思い切ってコントラストを上げます。 写真が縮小された上、強く補正をかけたことで、イラストに近いテイストになってきました。 [3] ここまでくればあとは簡単。 輪郭線を書き足したり、グラデーションを上か
【ハウツー】ゼロからはじめるInkscape - Illustratorライクな無料ドローツール | パソコン | マイコミジャーナル
Copyright (C) Mainichi Communications Inc. All rights reserved. 掲載記事の無断転載を禁じます
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ノンデザイナーのための配色理論
色彩センスのいらない配色講座
テクスチャとグラデーションで質感のある背景を作ろう - DesignWalker
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
テキストエフェクトいっぱい - DesignWalker
All Efete – Finding out : Light and Shadow