UXに精通した UIデザイナーのグラフィックパターン

更新 2021/06/24

UXに精通した UIデザイナーのグラフィックパターン事例です。

UX(User Experience)は、ユーザーにウェブで心地よい体験をしていただくための概念です。

またUXとは別に、こういうパターン使用などUI(User Interface)でのグラフィック製作にて、

UXの知識をふまえた上で、UIの設計段階から意識してグラフィックを作成している、

そういう Webデザイナーを厳密に UIデザイナーと呼んでいます。

なおUXとUIの違いを知りたい方は、「UIとUXを混同してる人が多すぎる」を書いたので参考にどうぞ。

またUXデザインって何ですか?の方が細かくわかります。
 

Photoshopで作ったUIデザイナーのグラフィックパターン。

実際に製作したメンズアパレルサイトでのパターングラフィックスの例です。

関連コンテンツのために、パターンで製作しました。

UXに精通した UIデザイナーのグラフィックパターン

このグラフィックは右固定で左だけ変化していくパターングラフィックです。

UXに精通した UIデザイナーのグラフィックパターン

UXに精通した UIデザイナーのグラフィックパターン

こういうパターングラフィックは、ある関連した内容を見てほしい時、

その関連コンテンツという事がひと目で識別できます。

パターングラフィックの製作は、下記のような感じで、Photosohp のレイヤー操作で行っています。

UXに精通した UIデザイナーのグラフィックパターン

ピックアップ記事

  1. Affinity Photoでも簡単に電子印鑑ができます!
    目次2023年10月インボイス制度導入前、Affinity Photoでの電子印鑑…
  2. ホームページの制作(Web制作)は、専門職がチームを組んで行います。見ず知らずの人たちが一緒に仕事を…
  3. (3)-3 GAFAMAからの脱出 2022年ブラウザはこれに決めました!おすすめ理由
    目次GAFAMAからの脱出する上で何はともあれブラウザの存在は大きいブラウザのセキュリティ度計…
  4. UIとUXを混同してる人が多すぎる
    目次 UIとUXを混同してる人が多すぎる チームプロジェクトにおけるUXとUIの「急がばま…
  5. LinkedinバッチをWordpressで表示させるには?
    目次これがLinkedinバッチの実物で、一番大きい特大サイズですLinkedinバッチをWo…
Web制作の流れ
もっとくわしい何を頼めるの?料金は?
PAGE TOP