ずっと使えるデザインテクニック。すっきり美しく見せる『余白』と『文字』の使い方。

こんにちは、デザイナーの長谷川です。 今回は僕が普段気をつけている、ちょっと意識するだけでスッキリしたデザインになるレイアウトのコツをご紹介します。 デザイナーじゃない方も、企画書や簡単な UI のモックアップ、Web や雑誌のレイアウトなどに応用できると思いますので、ぜひ参考にしていただければと思います。 1. 上下左右のマージンを均一に Web デザインや UI デザインの要素全てに対して隣り合う要素との間隔やバナー、ボタンなどの外側と内側の要素の上下左右マージンをできるだけ均一にすることで、デザインがスッキリ見えます。 2. 内側のマージンは外側のマージンより狭く レイアウトなど一番外側とコンテンツの間隔より文章のかたまりや画像同士の間隔を小さくします。基本的にコンテンツのまとまりを作るためですので、デザインによっては広く取って区分ける場合もあります。 3. 段落の下は間隔を広く開け

[humid]

どんなに経験が浅くても、これを人に言われないと実践できない人間は「デザイン」そのものを他の誰かに任せて自分の得意なことやってたほうが幸せになれる気がする

[ktakegawa1]

余白について

[karune_rune]

だいぶ前のだけど、メモっておこう。

[eaumizusan]

でざいん＊ぐらふぃ

[ooooystersauce]

私ができていないこと！

[M321]

ずっと使えるデザインテクニック。すっきり美しく見せる『余白』と『文字』の使い方。 (フェンリル | デベロッパーズブログ)

[hseimura]

ドキュメント作成時に意識する内容。

[ksto_rock54]

余白大事。

[uemura10]

段落の下は間隔を広く開けます

[asa_ca3]

余白の考え方

[weathercook]

上下のマージンを均等に。内側のマージンは外側より狭く。段落の下は間隔を広く取る。文字を変形しない。余計な装飾はしない。色は4色程度まで。

[nekoaqua]

ずっと使えるデザインテクニック。すっきり美しく見せる『余白』と『文字』の使い方。 (フェンリル | デベロッパーズブログ)

[sunoho]

人類からデザインセンスを奪い取ったMicrosoftWordの罪は重い

[magpepen]

装飾と色は上手くやればある程度やってもいい気はする

[ku_marin]

余白と文字は超大事。

[futomo]

基本だけどしっかり守るだけで大分違うよね

[caligo]

ずっと使えるデザインテクニック。すっきり美しく見せる『余白』と『文字』の使い方。／余白、大事。しかしそれがイラスト・漫画になってくると途端に余白恐怖症出てくる不思議。

[s-tomo]

後でこのサイトのHTMLとCSSを確認する。

[natutoyuuki]

#work #how

[newsamurai]

メモメモ。

[kogee]

ずっと使えるデザインテクニック。すっきり美しく見せる『余白』と『文字』の使い方。

[j-sirosaki]

これは参考になる。特にサイトを始めて間もない人にとても参考になる

[negiac]

参考になりました！

[ji_ku]

Bylineから iPhoneから送信

[tototti]

ほうほう

[sivadselim]

ずっと使えるデザインテクニック。すっきり美しく見せる『余白』と『文字』の使い方。 (フェンリル | デベロッパーズブログ)

[sekimitsu]

design

[truncate-radish]

状況によりけりのような気がする。根拠を述べるべき

[pyuta69]

常識なんだけど、素人のクライアントには通用しないんよ。特にローカルでは。

[norip44]

フェンリルさんのデザインはかっこいい。

[adsty]

シンプルでスッキリとしたデザインの利点。