海外のEコマースサイトのファッションデザイン要素7つを紹介

最近、電子商取引ウェブサイトのデザインに関するケーススタディを書きたいと思っており、国内の電子商取引ウェブサイトの資料を探していましたが、欲しいものが見つかりませんでした。仕方なく、海外の電子商取引ウェブサイトからいくつかのデザイン要素を集めました。個人的には、流行に沿ったデザイン要素だと思っています。もちろん、この記事も「一般的な海外の電子商取引ゴールデンホームページデザインパターン」に続く、海外の電子商取引ウェブサイトのデザインに関する記事です。

国内のECサイトのデザインを高く評価していないわけではありません。ただ、海外のECサイトは、Webデザイン、構造、コンテンツのレイアウト、カラーマッチング、画像の使用など、非常に先進的です。地域間の連携も非常によく調整されています。国内のECサイトのデザインに非常に参考になると思います。

1. 大胆で鮮明な空白

ページの余白は、訪問者や読者が想像するのに十分な余地を残し、ページ全体に十分なスペースを確保します。ただし、余白が適切に設定されていないと、ページの内容が不足することになります。したがって、余白を設計するときは、各ページの画像とテキストの間隔を非常に適切に制御する必要があります。

図に示すように、ユーザーの観点から見ると、これらの空白スペースは、視覚的な観察に対して憂鬱になりすぎたりストレスがかかりすぎたりしない視覚的なバッファーを提供し、考えたり熟考したりするのに十分なスペースも提供します。最適化の観点からユーザーを分析・誘導し、ユーザーにとってスムーズな視覚体験を生み出し、ページに対するユーザーの好感度を高め、ユーザーエクスペリエンスを向上させます。

国内の電子商取引のデザインには問題があります。デザイナーはすべての商品を 1 ページに表示したいため、ページ全体が非常に「いっぱい」になりますが、そのようなデザインではユーザーが特に気分が落ち込むだけで、ページの内容を明確に理解できないことに気づいていません。一部のウェブサイトでは、空白スペースを残すことの重要性を認識していますが、十分な大胆さがなく、非常に慎重になっているため、空白領域が不自然になり、一目見ただけで意図的に残されたスペースであることが明らかになります。

2. 巧妙で適切な色彩

色によって感情が異なります。たとえば、高貴さを表すのは紫、ロマンスを表すのはピンクなどです。電子商取引のウェブサイトでは、異なる製品には異なる補助色を選択して、その目的とガイダンスを変更および表現する必要があります。以下を参照してください。

これらの色の組み合わせは、製品の補助色の参考としてのみ使用できます。国内のウェブサイトと同様に、背景色の使用については、ほとんどの人が白を選択します。これは、国内の電子商取引ウェブサイトでは、ユーザーに製品を比較させ、購入意欲を喚起する可能性が高くなるためです。白は背景であり、コントラストと可読性が比較的強く、人々にすっきりとした感覚、明確なテキスト、直感的な素材を与えます。過度な装飾やレンダリングがなく、過剰な色彩もないため、ユーザーは自由にウェブサイトを閲覧できます。

3. シンプルな構成がページに「完成度」を与える

画像を使用するとページ全体が不完全に見える可能性があるため、電子商取引の商品ページは「完全」ではありません。海外のウェブサイトは、バランス、配置、コントラストという3つのシンプルな構成デザインを非常にうまく取り入れています。煩雑なコンテンツや退屈な余白はありません。色、画像サイズ、一次情報と二次情報のコントラストの観点から、ユーザーは最も重要な情報をすぐに見つけることができます。

4. ユーザーの注目を集めるために細部と変更に注意を払う

影の割合や小さな突出の調整など、微妙な変更を加えるだけで、ページ全体の効果が向上し、スムーズになり、ユーザーの視線の保持にもある程度影響します。

5. 価格設定を賢く文脈に沿って設定する

国内サイトでも海外サイトでも、価格表示という問題に直面します。これは、製品ガイドが製品を宣伝する場合と同様であり、価格をユーザーに強調表示するための方法とコンテキストの選択を考慮する必要があり、正確で、ユーザーにとって受け入れられるものでなければなりません。海外の状況デザインは非常に良い方法です。

価格情報は巧みにシーンに溶け込んでおり、強い視覚的背景に対して唐突に現れることなく、情報内容が明確に表現されているため、ユーザーは価格を裸で見て強い嫌悪感や嫌悪感を感じることはありません。

6. 静的なページをリズム感あふれるものにする

音楽は人の神経を躍らせるリズムを持っているため、人々に美的な楽しみをもたらすことができます。ページデザインでは、形状、サイズ、色などによって静的なページにそのようなリズムを持たせることができます。

黒いブロックは上から下まで一定の間隔で配置されており、情報の流れを区別すると同時に、色のブロック間の距離や大きさを変えることで、異なる波長とリズム感も形成しています。

7. 楽しさと実用性を兼ね備える

このデザイン要素は、国内外の電子商取引サイトにも存在し、検索やフィルタリングに視覚的なグラフィックが使用され、楽しさと実用性を兼ね備えています。もちろん、この表現方法は、フィルタリング条件が多すぎる場合は実装が難しく、主要な属性を垂直に抽出する場合にのみ適しています。

ウェブデザインに関して言えば、ユーザーの感覚は同じなので、国内と海外で違いはありません。これらの海外のファッションデザイン要素は、国内の電子商取引サイトではほとんど使用されていません。個人的には、これを実践することで、ウェブサイトページのファッション感を高めることができると思います。

出典：http://www.52baiduseo.cn/news-3-1.html 転載の際は有効なリンクアドレスを保管してください。ありがとうございます！