開発者、デザイナー、写真家のための無料のオンラインリソース@Smashing Hub

私たちのプロフ その後、円形のデザインに沿って来て、突然、みんなの写真は今、円形のフレームに包まれています。 実際にはどちらが良いですか？ 答えはもちろんです：それは依存します。 設計者が正方形または円形のプロフィール画像のデザインに行くことを決定する前に考慮すべきさまざまな要因があります。 それは常に正方形または円でなければならないという最高のシナリオはありません。 以下の記事では、考慮すべき要因のいくつかと、それらがユーザーの行動にどのように影響するかを強調しようとします。

#基準1:モバイルまたはPCでのインタラクションの場合

ユーザーがインタラクションの一形態としてプロフィール画像をクリックする予定の場合、プラット 円形のデザインは、円が私たちの指のために最適化されているので、タッチベースのデバイスのために好まれます。 円形のデザインは、このように、それが簡単にユーザーがそれらをクリックしたり押すことができるようになり、私たちの指や親指をエミュレートします。

PC上にある場合は、マウスクリック用に最適化された方が良いため、正方形のデザインが好まれます。 長方形の形状は、円形のデザインに対して、ユーザーが右クリック可能な領域の上にマウスをガイドすることを容易にします。

#基準2:情報や入力を求める

画像が人の顔のような情報だけを伝えるつもりなら、顔の特徴に目を集中させるので、円形のデザインは悪い選択ではありません。 ただし、画像を表示した後にユーザーに情報を入力させたい場合は、正方形のデザインでは、エッジを使用してユーザーを適切な領域に”ポイント”するため、より多くのアクションが発生する傾向があります。

#基準3:それはウェブサイトの残りの部分とよく合います

円形のデザインは、よりトレンディに見えるかもしれませんが、それはあなたのウェブサ プロフィール写真はデザインの要素の1つに過ぎないことを覚えておいてください。 最新の流行やトレンドを追うのではなく、すべての設計要素の一貫性を確保することがより重要です。

#4: ユーザーがコンテンツとプロファイルを区別するのに役立ちますか

円形デザインの良い使い方の1つは、ユーザーがコンテンツとプロファイルを区別 異なる形状を使用すると、webサイトが異なる部分を区別するのに役立ちます。 たとえば、正方形のデザインはコンテンツに使用でき、円形のデザインはプロファイル情報のみに使用できます。