こんにちは![]()
WebデザイナーのAyanaです![]()
初めましての方はこちらから >> 自己紹介
デザインはセンスではないです!
とお伝えしましたが、
Webデザインを挑戦してみたいけど
センスがないから。。。
と不安に思っている方も
デザインは基礎やルールに沿って
起こして行くので不安が少しは払拭できると
嬉しいなと思います![]()
![]()
『Webデザイン4大原則』
まだ見ていない方は、
①『近接』についてはこちら >> 『近接について』
②『整列』についてはこちら >> 『整列について』
今日は『反復』
について説明していきます!
『Webデザイン4大原則』とは?
・近接 (Proximity)
・整列 (Alignment)
・反復 (Repetition)
・コントラスト (Contrast)
③『反復』とは、
要素ごとにデザインを繰り返すこと
上記図の左側は、
要素があちこちに散らばり、
見づらいです。
右側は、要素を繰り返すことで
パッと見たときに情報を受け取りやすく
なっているかと思います。
人が見た際にストレスなく
情報を受け取ることが
大切となります![]()
同じグループは同じデザインで
繰り返すことが反復です。
今回は、ドーナッツ、商品名、テキストが
同じ要素のグループとなります。
ですので、反復をすることで、
見やすく美しいデザインになりますね![]()
![]()
レイアウトする際に
『近接』:近い要素はグループにまとめる
『整列』:配置を整列させる
『反復』:同じグループは繰り返す
これだけで綺麗なデザインの
レイアウトが完成しますね![]()
次回は『コントラスト』について
説明をして行きたいと思います。
ぜひ、何気なく見ている
ネットショッピングのHPでも
反復が使用されていると思うので、
見てみてくださいね!![]()
![]()
もしあなたが、デザインに興味があるけど、
こんなお悩みがあるなら、
お金に対する悩みが多い
もっと自分のために時間を自由に使いたい
未来への不安で毎日考えてしまう
海外や旅行にいつでも好きなときに
行けるようになりたい
手に職をつけたい
デザインをやってみたいけど自信がない
自分らしく生きたい
例:
WEBデザイナーに興味はあるけど、
自分にできるかどうか不安。
まずは、何から始めたらいいの?
など、想っていることを気軽にメッセージくださいね!
公式LINEでは個別のやりとりができますよ![]()
↓↓↓
Ayana![]()

