Movatterモバイル変換
[0]
ホーム
URL:
画像なし
夜間モード
Download free for 30 days
Sign in
Upload
Language (EN)
Support
Business
Mobile
Social Media
Marketing
Technology
Art & Photos
Career
Design
Education
Presentations & Public Speaking
Government & Nonprofit
Healthcare
Internet
Law
Leadership & Management
Automotive
Engineering
Software
Recruiting & HR
Retail
Sales
Services
Science
Small Business & Entrepreneurship
Food
Environment
Economy & Finance
Data & Analytics
Investor Relations
Sports
Spiritual
News & Politics
Travel
Self Improvement
Real Estate
Entertainment & Humor
Health & Medicine
Devices & Hardware
Lifestyle
Change Language
Language
English
Español
Português
Français
Deutsche
Cancel
Save
Submit search
EN
Uploaded by
Yuko Taniguchi
9,238 views
1019 design point
今まで紙系のデザインを中心にやってきた私が、デザインする際に気をつけていることを、配色・インスピレーション・レイアウトに分けて紹介しています。基本的なことばっかりです…。
Design
◦
Read more
7
Save
Share
Embed
Download
Download to read offline
1
/ 39
2
/ 39
3
/ 39
4
/ 39
5
/ 39
6
/ 39
7
/ 39
8
/ 39
9
/ 39
10
/ 39
11
/ 39
12
/ 39
13
/ 39
14
/ 39
15
/ 39
16
/ 39
17
/ 39
18
/ 39
19
/ 39
20
/ 39
21
/ 39
22
/ 39
23
/ 39
24
/ 39
25
/ 39
26
/ 39
27
/ 39
28
/ 39
29
/ 39
30
/ 39
31
/ 39
32
/ 39
33
/ 39
34
/ 39
35
/ 39
36
/ 39
37
/ 39
38
/ 39
39
/ 39
Recommended
PDF
こみつく会
by
Maru Maruyama
PDF
去年の11/10のKOFで万年筆実験の話しをしてきました!
by
Tomoko Sato
PDF
第71回名古屋アジャイル勉強会「迷わず描けよ、描けば分かるさ!」ワークショップ資料
by
hiroyuki Yamamoto
PPTX
デザイン!!
by
YanoLabLT
PPTX
ラジオのはなし~Co-Create一般社団法人化一周年記念イベント~
by
Yukihiro Sugimoto
PDF
ママファブ第5回目
by
美穂 山田
PDF
160228 nagohack
by
miya
ODP
自分の軌跡を持ち歩こう
by
every_road
PDF
伝えあう図解術
by
hiroyuki Yamamoto
KEY
ノンデザイナーのための配色理論
by
tsukasa obara
PPT
05 Script
by
Yoshifumi Murakami
PPTX
Bi_スライド_卓展2017
by
右貴 伊藤
PDF
ライトノベル作家が体験した、ノベルゲームの制作方法
by
IGDA Japan
PPTX
100925kosenconf
by
chirarhythm55
PDF
色んな人の目線を体験できるマーケティングサービス「共感VR(仮)」
by
克真 西岡
PPT
091009可能性発見
by
Yoshiro Miyata
PDF
出会い系を作ろうと思い立ってXXXなサイトを見ていたらDQNとつきあうことになった話
by
ScenesK
PPTX
綴じ卓_スライド_卓展2017
by
右貴 伊藤
PDF
20180425 GOJAS Meetup Spring Special - KotomiTanaka
by
Kotomi Tanaka
PDF
Tips of Design
by
Toshiaki Sasaki
PDF
デベロッパーも 知ってると便利 デザインの基本
by
inaba178
PDF
Contrast rule-1.0
by
ReoOtani
PDF
デザインに正解はないけれど
by
ken pos
PDF
Webデザインのための配色セオリー
by
webcampusschoo
PPTX
1114 澤埜穂月,安井杏奈「紙面デザインについて」
by
Hikari Kitagawa
KEY
Random 110828031841-phpapp02
by
Tsuyoshi Nakamura
PDF
【Schoo web campus】webデザインの基礎 1限目
by
schoowebcampus
PDF
What is "design"?
by
saireya _
PDF
Presentation design
by
daisuke awaji
PPTX
エンジニア向け即効デザイン講座
by
leverages_event
More Related Content
PDF
こみつく会
by
Maru Maruyama
PDF
去年の11/10のKOFで万年筆実験の話しをしてきました!
by
Tomoko Sato
PDF
第71回名古屋アジャイル勉強会「迷わず描けよ、描けば分かるさ!」ワークショップ資料
by
hiroyuki Yamamoto
PPTX
デザイン!!
by
YanoLabLT
PPTX
ラジオのはなし~Co-Create一般社団法人化一周年記念イベント~
by
Yukihiro Sugimoto
PDF
ママファブ第5回目
by
美穂 山田
PDF
160228 nagohack
by
miya
ODP
自分の軌跡を持ち歩こう
by
every_road
こみつく会
by
Maru Maruyama
去年の11/10のKOFで万年筆実験の話しをしてきました!
by
Tomoko Sato
第71回名古屋アジャイル勉強会「迷わず描けよ、描けば分かるさ!」ワークショップ資料
by
hiroyuki Yamamoto
デザイン!!
by
YanoLabLT
ラジオのはなし~Co-Create一般社団法人化一周年記念イベント~
by
Yukihiro Sugimoto
ママファブ第5回目
by
美穂 山田
160228 nagohack
by
miya
自分の軌跡を持ち歩こう
by
every_road
What's hot
PDF
伝えあう図解術
by
hiroyuki Yamamoto
KEY
ノンデザイナーのための配色理論
by
tsukasa obara
PPT
05 Script
by
Yoshifumi Murakami
PPTX
Bi_スライド_卓展2017
by
右貴 伊藤
PDF
ライトノベル作家が体験した、ノベルゲームの制作方法
by
IGDA Japan
PPTX
100925kosenconf
by
chirarhythm55
PDF
色んな人の目線を体験できるマーケティングサービス「共感VR(仮)」
by
克真 西岡
PPT
091009可能性発見
by
Yoshiro Miyata
PDF
出会い系を作ろうと思い立ってXXXなサイトを見ていたらDQNとつきあうことになった話
by
ScenesK
PPTX
綴じ卓_スライド_卓展2017
by
右貴 伊藤
伝えあう図解術
by
hiroyuki Yamamoto
ノンデザイナーのための配色理論
by
tsukasa obara
05 Script
by
Yoshifumi Murakami
Bi_スライド_卓展2017
by
右貴 伊藤
ライトノベル作家が体験した、ノベルゲームの制作方法
by
IGDA Japan
100925kosenconf
by
chirarhythm55
色んな人の目線を体験できるマーケティングサービス「共感VR(仮)」
by
克真 西岡
091009可能性発見
by
Yoshiro Miyata
出会い系を作ろうと思い立ってXXXなサイトを見ていたらDQNとつきあうことになった話
by
ScenesK
綴じ卓_スライド_卓展2017
by
右貴 伊藤
Similar to 1019 design point
PDF
20180425 GOJAS Meetup Spring Special - KotomiTanaka
by
Kotomi Tanaka
PDF
Tips of Design
by
Toshiaki Sasaki
PDF
デベロッパーも 知ってると便利 デザインの基本
by
inaba178
PDF
Contrast rule-1.0
by
ReoOtani
PDF
デザインに正解はないけれど
by
ken pos
PDF
Webデザインのための配色セオリー
by
webcampusschoo
PPTX
1114 澤埜穂月,安井杏奈「紙面デザインについて」
by
Hikari Kitagawa
KEY
Random 110828031841-phpapp02
by
Tsuyoshi Nakamura
PDF
【Schoo web campus】webデザインの基礎 1限目
by
schoowebcampus
PDF
What is "design"?
by
saireya _
PDF
Presentation design
by
daisuke awaji
PPTX
エンジニア向け即効デザイン講座
by
leverages_event
PDF
「オリジナル時計」事前課題用テキスト
by
Tairo Moriyama
PDF
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
by
takaaya
20180425 GOJAS Meetup Spring Special - KotomiTanaka
by
Kotomi Tanaka
Tips of Design
by
Toshiaki Sasaki
デベロッパーも 知ってると便利 デザインの基本
by
inaba178
Contrast rule-1.0
by
ReoOtani
デザインに正解はないけれど
by
ken pos
Webデザインのための配色セオリー
by
webcampusschoo
1114 澤埜穂月,安井杏奈「紙面デザインについて」
by
Hikari Kitagawa
Random 110828031841-phpapp02
by
Tsuyoshi Nakamura
【Schoo web campus】webデザインの基礎 1限目
by
schoowebcampus
What is "design"?
by
saireya _
Presentation design
by
daisuke awaji
エンジニア向け即効デザイン講座
by
leverages_event
「オリジナル時計」事前課題用テキスト
by
Tairo Moriyama
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
by
takaaya
1019 design point
1.
私がデザインをする時に気をつけていることたにゃん @_signaless13年10月21日月曜日
2.
自己紹介たにゃん (@_signaless)アニヲタ →
腐女子 → デザイナーいでね!人 せ→ 腐女子 ← イマココ。 の のこ紙デザインが主。(Web系勉強中)デザイン系ブログやってます簡デザ http://kandeza.com/13年10月21日月曜日
3.
今回のお話しは…私がデザインをする上で気をつけていること(考え方)をお話します。ブログのまとめになったような気がしないでもない。配色・インスピレーション・レイアウトが主です。一応勉強はしていますが、社会に出てから野放し状態で1人でやっています。ので、私の考え方が必ずしも正しいわけではありません…。1つの方法として捉えて頂ければ幸いです。ツッコミお待ちしております。13年10月21日月曜日ではGO!!
4.
配 色13年10月21日月曜日
5.
色の決め方(私流)まずは使いたい色を1つ決める!(大体でOK)そしたら…環を色相ます使い※色相環…色をスペクトル順(グラデーションみたいな感じ)に円形に並べたもの13年10月21日月曜日
6.
色相環で何が分かるかと言うと…類似色と補色が分かります。13年10月21日月曜日
7.
類似色を使うそのものが持つ雰囲気を壊さず、更に「らしさを活かす」配色ができる。補色を使うそのものを浮き立たせ「ぱっと目立たせる」配色ができる13年10月21日月曜日
8.
使ってみた。ケーキ写真の類似色(赤系)を使うと、全体的にイチゴ!って感じはするけど、色に写真が埋もれてしまって、写真はあまり目立たない。赤の反対色(補色)を使うと、イチゴ!って感じはあまりしないけれど、写真はよく目立つ。これを使 分けまいす13年10月21日月曜日
9.
こ な じ
なん 感 か ?もはやアタリマエ…かもしれませんが、「目立たせなくても良い(雰囲気に溶けこませたい)」「目立たせたい(パッと目に留まるようにしたい)」を使い分けることによって、メリハリが出ます。色相環は、決めた1色の「目立たせない色」「目立たせる色」をパッと見で分からせてくれる全体的にまとまった感じがいいのか、にぎやかにしたいのか…を最初に考えておくことも大切かと。13年10月21日月曜日
10.
しかしそれだけではないこ れ…色 キ
く ?、 ツ ね13年10月21日月曜日ギラギラしてる…( ✧!✧)
11.
原色だけでない、明度と彩度明るさと鮮やかさを調整して、ギラギラを抑えます。個人的には、ちょっとくすんだ色を多めに使うと、結構まとまるような気がしてます。それに加えて、白(超明るい)と黒(超暗い)を使います。13年10月21日月曜日
12.
同じ色の濃淡で、主張を抑えた飾り付けをする(背景向き)目立たせたいところは「補色」を使う黒や白はそれだけで目立つ色。そこまで派手すぎず、だけど馴染みがいいので、私は最終手段だと思っています。13年10月21日月曜日
13.
私は、長い文章を書く時は類似色で、短い文章でガツンと伝えたい時は補色で、という風に使い分けたりもします。(長い文章は、補色だと読みづらい…)13年10月21日月曜日
14.
配色、以上。13年10月21日月曜日
15.
インスピレーション13年10月21日月曜日
16.
どうやってデザインを考えてるの?うーん…( ´∀`)パクれ(・∀・)!え Σ゚
゚!っ (Д) ?13年10月21日月曜日
17.
というのは冗談です(半分本気です)出かけたり、ネットサーフィンしたり、本読んだりすると「いいなコレ」と思うようなデザインに遭遇することがあると思います。そういうのをメモったり写真撮ったり(私は写真撮る派)、そうやってアイディアをストックしていきます。割と異業種からデザインを学ぶのがオススメです。新鮮な感じがしますよ∼。私はファッション、インテリア、食品など小売業からよくパク…学んでます。(小売は時代をよく反映していると思う)13年10月21日月曜日
18.
最近のインスピレーション写真ス ロ で
来 文 。ト ー 出 た 字色 雰 気 カ ユも 囲 も ワ ス(´ `∀ )か か い 色 。な な な 配 …ロ テ ア 貞 シ ー )( ッ リ ・ 子 ェ キ13年10月21日月曜日
19.
最近のインスピレーション写真個 的 フ
ン & 灯 良性 な ォ ト電 も いバ ル 彷 と せブ を 彿 さ るよ 考 ら た ゴく え れ ロ13年10月21日月曜日
20.
こんな感じで、撮りためた写真からネタをもらってます。色だけでもマネすると、そこから「ああしよう、こうしよう」というイメージが湧いたりして、後が作りやすくなったりする。丸パクリはダメだけど、そうやって真似して作っていくうちに、だんだん自分の中でのストックができてくるし、応用もできてくる。(自分なりに消化されるというか)経験値が上がるってことだね(・∀・)!それいいの(;´!`)!?13年10月21日月曜日
21.
インスピレーション、以上。13年10月21日月曜日
22.
レイアウト13年10月21日月曜日
23.
私がレイアウトで大事だと思ってることメリハリリズム感分かりやすさザ ク し
ぎ゚ ゚ッ リ す ( д)13年10月21日月曜日
24.
ある程度、法則があります「近接」「整列」「コントラスト」「反復」(デザインの4原則)ノ デ イ
ー ・ン ザ ナ ズデ イ ブ クザ ン ッ に書 て り すい あ ま !これをすれば、ある程度のことはできます。ていうか、多分みんな無意識にやってます。んじゃ1つ1つ見てみようかー13年10月21日月曜日
25.
近 接関係のあるものは近づけ、そうでないものは遠ざける)))13年10月21日月曜日同じコンテンツは、フォントの色や大きさが違えども、1つのかたまりになっている。
26.
要は、関係あるもの、関係ないものは区別して、視覚的にもちゃんと分かるようにしましょう、ということ。余白やボーダーが活躍します。ツイッターの画面も、細かいところに近接が使われています13年10月21日月曜日
27.
整 列これ簡単。右揃え、左揃え、中央揃えとかきっちりしようね、ってことです。傾けてるけど、中は13年10月21日月曜日えてます。きっちりえてます。
28.
揃えるラインを決める(グリッドとか)傾けたり、写真などバラバラに配置したい時も、一定のルールを決める整列させると見やすいし、この画像だと、大きい写真がメイン、小さく並んだ写真は前菜っていうことが何となく伝わる。ルール決めした整列?かな?(iPhoneの写真コラージュアプリ使用)13年10月21日月曜日
29.
コントラスト見出しは大きく、伝えたい部分は色を変える、など変化をつけること。よくあるよね!13年10月21日月曜日
30.
コントラストをつける方法は、「色を変える」「大きさを変える」「フォントを変える」「背景に色をつける」コントラストをきつくすればするほど、効果が大きく、際立ちます(視線の誘導効果もあり)。こと、っゃンラトっるねれかめちコトス使てよ13年10月21日月曜日
31.
反 復同じ要素を繰り返し使って、統一感を出すこと。極端に言えばこういうことかな。13年10月21日月曜日
32.
このスライドなんかでもそうですが、テーマを決めて、同じデザインを繰り返し使っていくということですね。facebookやブログのデザインが分かりやすいかな13年10月21日月曜日
33.
そんなんをきっちりやって、出来たんがこれだ。近 ・ 列
コ ト ス ・ 復 分 る な接 整 ・ ン ラ ト 反 が か か ?13年10月21日月曜日
34.
これをしっかりすることで、まぁ見やすくなりますわな。なるよね。あと、大事だと思ってるのがリズム感。きちんと整列され、コントラストをつけてメリハリのあるのもは、見出し→写真→本文、見出し→写真→本文、と、一定のリズムで順序良く見ていけるので、見てる側からしたら頭に入っていきやすいと思う。13年10月21日月曜日
35.
レイアウト、以上。13年10月21日月曜日
36.
まとめ「色」は視覚的に情報を伝えやすいツールで、分かりやすく、また外せないものです。なので、まず「色」をしっかり決めて作る。発想力…というよりは観察眼の方が必要かもしれぬ。基本に忠実に。ルールを決めてそれに則ってやる。こんな感じですかね…。13年10月21日月曜日
37.
私の発表、以上。13年10月21日月曜日
38.
画 ソ ス像
ー ☆ローソンgoogleクックパッドtwitterオシャレウォーカー葡萄屋晴治郎facebookページ13年10月21日月曜日
39.
ご清聴ありがとうございました。13年10月21日月曜日
Download
[8]
ページ先頭
©2009-2025
Movatter.jp