話題の画像プラス

話題の画像が見つかる。

なんだかごちゃごちゃした印象のデザインを改善する方法!!!

たくさんの要素を1枚のページに納めようとすると、なんだかバラバラな印象になってしまうことってありますよね。そんなデザインで悩んでいる方必見の、ごちゃごちゃした印象を取り除く方法を3つご紹介します!!!

デザイン

すぴかあやか/角田綾佳キテレツのアイコン
すぴかあやか/角田綾佳キ...
@spicagraph

デザインを作るとき、要素が多いと配置に苦労します。いろんな解決法がありますが、例として3つ作ってみました。

20時40分 2020年01月25日
1.6万 9.2万

なんだかごちゃごちゃした印象のデザインを改善する方法!!!

なんだかごちゃごちゃした印象のデザインを改善する方法!!!

なんだかごちゃごちゃした印象のデザインを改善する方法!!!

なんだかごちゃごちゃした印象のデザインを改善する方法!!!

むんのアイコン
むん @tammmono1

2が好きです☺️
なんかオシャレ✨

2020-01-27 02時33分
ちょこれゐとのアイコン
ちょこれゐと @chocopurinn100

四番目の写真が好きです!

2020-01-26 22時55分
Enkeladosのアイコン
Enkelados @o_enkelados

1番って難しいですよね。
背景が同系色になるとどうしても沈んで見えるし、かといって補色は避けたい。トマトのボックスは明るくはっきりしていて良いのですが、全部をそういう感じにしてしまうと今度はクドすぎます。…

2020-01-26 20時18分
男山のアイコン
男山 @otokoyama_rx

改善案1が好きです。
こちら野菜のバックの色はどのように決められているのでしょうか? 補色というわけでもないようですし

2020-01-26 20時07分
TAKAGI-1 高木 一のアイコン
TAKAGI-1 高木 一 @takagi1

達筆な人の書は、文字の大小が付いているのだけれど、あれはメリハリだったんだね。

2020-01-26 19時49分
宇角真歌のアイコン
宇角真歌 @utunosanaka

改善案3は弧状の「1つのグループ」にまとめた、改善案2とのハイブリッドとも言える。

2020-01-26 16時12分
シタのアイコン
シタ @sita_0906

なるほどなぁ!

2020-01-26 14時08分
玲💎のアイコン
玲💎 @fNhctwLOtq5Gjjc

4番目が好きです!

2020-01-26 13時57分
ライドオンケのアイコン
ライドオンケ @x_orehakuso

はえ^~すっごい

2020-01-26 13時37分
ahornのアイコン
ahorn @ahorn_ahorn

1は手に取りやすい。2は栄養バランス良さそう。3は美味しそう。見た目でこうも受け取り方が違うなんて!勉強になります✴

2020-01-26 13時37分
アグニんのアイコン
アグニん @Agnin0093

凄いなぁ…個人的に最後の、野菜が飛び込んで行ってるように見える四枚目のデザインが好きです

2020-01-26 11時46分
穂高 千のアイコン
穂高 千 @hotaka_sen

なるほどなるほど…。
とてもわかりやすくて有難いです…。

2020-01-26 10時50分
サナータナ鈴木(UXデザイナー)のアイコン
サナータナ鈴木(UXデザイナー) @sanatana_s

整列、グルーピング、強弱。とてもわかりやすい^_^

2020-01-26 08時02分
Jackのアイコン
Jack @peacesells_jp

凄い!魔法を見てるような気分です。

2020-01-25 23時03分
hoge fugacoのアイコン
hoge fugaco @fugaco

3が好きです!

2020-01-25 22時49分
あおきのアイコン
あおき @aok_brs

勉強になります😭😭

2020-01-25 20時44分
せのおのアイコン
せのお @0918senoo

改善案3はおもしろいなあ、勉強になる

2020-01-27 03時26分

要素がたくさんあるときに、適当に配置してしまうとバラバラの印象になってしまいます。
今回は、バラバラ感をなくす3つの方法を紹介してくれました!

1つ目は、同じ箱に入れてしまう方法です。
大体の形が一緒になれば一体感が出ますね。

2つ目は、グループ分けをすることです。
数が少なく感じられるのでバラバラ感は押さえられます。

3つ目は、大きさを変えるです。
メリハリがつくことで画面が締まりましたね。

これらの方法を駆使して、よりよいデザインを考えてみて下さい!

前の画像 次の画像

この記事に関するキーワード