製品デザインのプロセスにおいて、デザイナーは常に写真を非常に美しくすることを好みます。仮想ページのコンテンツを作成するときは、美しい写真を使用し、コンテンツを適切に配置します。ただし、インターフェースのデモが作成されるときに、このページが空のページになったり、コンテンツが多くなりすぎてレイアウトがずれたりすることがあります。 したがって、インターフェースを設計するときは、空の状態やコンテンツが多すぎるなどの極端な状態を無視してはなりません。これらの状態は、最初の使用時にのみ発生する可能性があり、少数のユーザーのみが遭遇する可能性がありますが、すべて製品の詳細な品質に影響します。 インタラクティブなドラフトやビジュアル ドラフトを作成する場合、インターフェイスをできるだけリアルにするために、デザイナーはページ上に仮想コンテンツを配置します。しかし、デザイナーがフロントエンドの学生が制作したデモを見ると、なぜ最初に作ったページとこんなに違うのかといつも不思議に思うのです。 空の状態 ユーザーが初めて製品を使用する場合、特にソーシャル インターネット製品では、ユーザーがサークルを構築して自分でコンテンツを生成する必要があるため、コンテンツが空のインターフェイスに遭遇することがよくあります。 このとき、通常は初心者ガイドを使用してユーザーを次のステップに導きます。 ![]() ![]() ![]() ![]() ![]() コンテンツが多すぎる状態 インターネット製品におけるインターフェースは、コンテンツを柔軟に変更し、十分に拡張できるように拡張可能である必要があります。具体的な方法については、別の記事「柔軟でスケーラブルなインターフェース」を参照してください。 |
<<: Vue プロジェクトを実行するときに `--fix` オプションで修正できる可能性のある警告のエラー問題を解決します。
>>: Vue はトークンを取得してトークン ログインのサンプル コードを実装します
1. 環境: CentOS7、OpenSSL1.1.1k。 2. コンセプト:ルート証明書: サーバ...
SQL の基礎知識がある友人は、「クロステーブル クエリ」について聞いたことがあるはずですが、クロス...
質問コントロールをクリックすると、コントロールの下にフローティング レイヤーが表示されます。通常の方...
チェックボックスは Web ページで非常によく使用されます。e コマースの Web サイトでもプラッ...
コードをコピーコードは次のとおりです。 <スタイル タイプ="text/css&qu...
この記事の例では、動的な時計を実装するためのJS + CSSの具体的なコードを参考までに共有していま...
この記事では、jsを使用してクールな花火効果を実現するための具体的なコードを参考までに共有します。具...
display:flex、justify-content: space-betweend を設定する...
目次データブローカーとイベントObject.defineProperty メソッドのレビューデータブ...
なぜ Nexus プライベート サーバーを構築する必要があるのでしょうか。その理由は非常に簡単です。...
この記事では、参考までに、簡単な計算機を実装するためのJavaScriptの具体的なコードを紹介しま...
mysqlのリモートアクセス権を有効にするデフォルトでは、MySQL ユーザーにはリモート アクセ...
Windows コマンドテルネット形式: telnet IP ポート場合: テルネット 191.1....
目次フックとは何ですか?クラスコンポーネント機能コンポーネントフックが作られた理由要約するフックとは...
ウェブサイトの構築を始めたばかりの初心者には、理解し、学ぶべきことがたくさんあります。ウェブサイトを...