参考になる2020カッコイイWEBデザイン集
崩す系
デザインをあえて崩すブロークングリッドレイアウトとノングリッドデザイン
全画面ブラウザ横幅100%表示を行っているデザイン
太文字テキスト大きく太く表示しているデザイン
イラストイラストを用い ...
SVGで手書きアニメーションの作り方
SVGで手書き風のアニメーションを作成した際の制作手順を簡単にまとめました。
1.元となるSVGファイルの作成・書き出し今回はIllustratorでロゴを元となるSVG形式で書き出しました。
2.マスクSVG作成・ ...
2020年 見習いたいWEBサイトデザイン
W3G
早速ですが「W3G」サイトを見てすごく感銘しましたので、忘れないよう書き留めておこうと思いました。
私たちのミッションは、Go for the Win-Win-Win = クライアント×ユーザー×クリエイターの関係者 ...
2019年流行した液体シェイプWEBデザイン参考サイトまとめ(キャプチャ画像)
曲線をデザインに取り入れたものが液体シェイプで、波打つイメージが柔らかな印象を与えます。
2020年に流行すると予測される注目のWEBデザイントレンド(箇条書き)
メモ代わりに2020年の流行になると各ブログで予測されているWEBデザインについて箇条書きでまとめました。
ダークモード目の疲れを軽減することで視覚的に配慮
ブランドイメージが大きく変わることもあるので、実際取り入 ...
素晴らしいLPページデザインの数々をPinterest(ピンタレスト)で見れる!
Pinterestに登録してると数々のWEBデザインを一覧で見れるのでとても刺激を受けられます!
自由なレイアウト!ノングリッドレイアウト参考サイトまとめ(キャプチャ画像)
ノングリッドレイアウトは、ブロークングリッドレイアウトをさらに崩した自由なレイアウトです。
ノングリッドレイアウトは、Webページを制作する上でのレイアウトに規則性を持たせず、画像やテキストなどの要素を配置。
レイ ...
ブロークングリッドレイアウト参考サイトまとめ(キャプチャ画像)
レイアウトを意図的にずらし・重ねて配置するブロークングリッドレイアウトは2017年ごろからwebデザインのトレンドとなっているようです。(ブロークングリッドレイアウトよりさらに自由にノングリッドデザインがあります。)
ブロークン ...