WebDesign

崩す系

デザインをあえて崩すブロークングリッドレイアウトとノングリッドデザイン

全画面

ブラウザ横幅100％表示を行っているデザイン

太文字

テキスト大きく太く表示しているデザイン

イラスト

イラストを用い ...

SVGで手書き風のアニメーションを作成した際の制作手順を簡単にまとめました。

1.元となるSVGファイルの作成・書き出し

今回はIllustratorでロゴを元となるSVG形式で書き出しました。

2.マスクSVG作成・ ...

W3G

早速ですが「W3G」サイトを見てすごく感銘しましたので、忘れないよう書き留めておこうと思いました。

私たちのミッションは、Go for the Win-Win-Win = クライアント×ユーザー×クリエイターの関係者 ...

曲線をデザインに取り入れたものが液体シェイプで、波打つイメージが柔らかな印象を与えます。

メモ代わりに2020年の流行になると各ブログで予測されているWEBデザインについて箇条書きでまとめました。

ダークモード

目の疲れを軽減することで視覚的に配慮
ブランドイメージが大きく変わることもあるので、実際取り入 ...

Pinterestに登録してると数々のWEBデザインを一覧で見れるのでとても刺激を受けられます！

ノングリッドレイアウトは、ブロークングリッドレイアウトをさらに崩した自由なレイアウトです。

ノングリッドレイアウトは、Webページを制作する上でのレイアウトに規則性を持たせず、画像やテキストなどの要素を配置。
レイ ...

レイアウトを意図的にずらし・重ねて配置するブロークングリッドレイアウトは2017年ごろからwebデザインのトレンドとなっているようです。（ブロークングリッドレイアウトよりさらに自由にノングリッドデザインがあります。）

ブロークン ...