レイアウトを学ぶ

グリッドデザインって？ 2021年のwebデザインのトレンドを調べていると「グリッドデザイン」を見かけますよね。 グリッド（英: Grid）とは、デザインする画面を水平線と垂直線で分断し、格子状または方眼状の線（ブロッ...

①正円をうまく使ったデザイン 正円を活かしたデザインで、至るところに正円を取り入れていますがくどくないのがポイントですね。 他にはファーストビュートと、その直下の段落に区切りがないのがスマートですし、 左...

サブページの見出しデザイン サブページのh1部分って、TOPとはまた違ったレイアウト・デザインにすることができますよね。 とはいえ、統一感を持たせることは重要ですが…！ ただ、色々なパターンに挑戦したいと思っても...

①タブで切り替え 「〇〇事業」と複数事業があり、さらにその中でもカテゴリーが分かれている場合、それを一度に表示させようとすると横・縦のいずれかに幅を取ってしまういますよね。 こちらのサイトでは事業の大きなカテゴ...

マンネリ化を防止するために TOPのデザインはクライアントやユーザーの心を掴むために、インパクトのあるものを作りたいですよね。 ですが、どうしてもマンネリは発生してしまうもので、特にレイアウトって同じパターンが多くなりがちです...

ポータルサイトとは 普段なかなか口にすることのないワードですが、「ポータルサイト」は私たちの身近にたくさん存在しています。 私も今回調べてみるまで「これがポータルサイト」という定義がイマイチ分かっていませんでした。 ...

①見ている人を飽きさせないサイト まずファーストビューから印象的なこちらのサイト。 サイト全体を見て感じたのは見る人を飽きさせない・人の心を掴むのがとても上手なレイアウト・デザインだと感じました。 複数の...

①左右どちらかに寄せるレイアウト 最近画像を左右どちらかに寄せるレイアウトに興味があって、いずれデザインで取り入れてみたいな〜と思っていました！ このレイアウトって、片方に隙間があることでサイトを見た時の窮屈感...

最近思うデザインのあれこれ 以前からユーザー目線を大切にしたいと思っていましたが、 なんだかんだデザインを作ることに集中してしまい、気づけば「レスポンシブに対応しにくい」「ユーザーに優しくない」デザインを作ってしまって...

ラッパー幅って何px？ web制作会社に勤めていれば、その会社で決められたラッパー幅があったりしますよね。 ふと、他のサイトは何pxでラッパー幅を固定しているのだろう…と気になりました。 普段デザインの参考に色ん...