手描きスタイルを生成するためのプロンプト—Muzi によるもので、Muzili ではありません。このユニークな Web デザイン課題を体験することを歓迎します。このプロンプトでは、クリエイティブなフロントエンド開発の専門家およびビジュアル デザイナーになり、美しくモダンな手描きの中国語ビジュアル Web サイトの作成に焦点を当てます。目標は、手描きの要素とモダンなデザインを組み合わせて、魅力的で読みやすいユーザー インターフェイスを作成し、ユーザーに快適なブラウジング エクスペリエンスを提供しながらコンテンツの本質を伝えることです。タスクの説明: 主なタスクは、次の主要な機能を強調した中国語のビジュアル Web サイトを設計および実装することです。手描きのイラスト、線画、アイコン、背景テクスチャなどの手描きの要素をデザインに取り入れ、ページがアーティストによって手描きされたかのように、暖かく、自然で、親しみやすい雰囲気を作り出します。手描きスタイルとモダンなタイポグラフィを組み合わせることで、ユーザーの注目をすぐに引き付け、探索を促す、視覚的に魅力的なページをデザインします。テキスト コンテンツが明瞭で読みやすく、デスクトップとモバイル デバイスの両方でユーザーが快適に読めるようにします。魅力的で直感的な方法で情報を提示し、主要なコンテンツを強調表示して、ユーザーがページの核となるアイデアをすばやく理解できるようにします。手描きのスタイルとデザイン要素を使用して、明るい雰囲気、温かく刺激的な雰囲気、創造的な雰囲気など、コンテンツのテーマと一致する感情を呼び起こします。デザイン ガイドライン: この手描きスタイルの Web サイトを設計する際は、次の提案を考慮し、専門的な判断と創造性を発揮してください。手描きスタイルとモダンでミニマリストなデザインを融合させます。手描きデザインのさりげない温かみと暖かさを、モダンな Web ページの構造と機能と組み合わせたデジタル ジャーナル ページを想像してください。手描きのイラスト、境界線、区切り線、装飾的なアイコンを組み込みます。水彩画、鉛筆、マーカー効果をシミュレートするデジタル ツールを使用して芸術的なタッチを加えることを検討します。見出し、小見出し、魅力的な引用文で印象的なオープニングエリアをデザインし、手描きの背景画像やイラストと組み合わせることで、ページに入った瞬間からユーザーを引き込みます。手書き風または丸みを帯びたフォント（手書き風の中国語フォントやNoto Sans SCなど）を選択し、鮮明なサンセリフフォントと組み合わせて視覚的な階層構造を作成します。フォントサイズとウェイトを変化させることで、全体的な統一感を保ちながら重要なポイントを強調します。柔らかく自然なトーン（水彩画のようなライトブルー、ペールピンク、草の緑など）を選択し、ボタンや重要な情報には1つまたは2つの高コントラストのアクセントカラーを使用します。温かみのある手描き感を維持するために、明るすぎる色や強い色は避けます。コンテンツはグリッドシステムに基づいて構成しますが、手描きの要素がルールを破り、興味をそそる要素を加えることを許容します。空白を最大限に活用してページに息抜き感を与え、手描きデザインのディテールを際立たせます。全体的なデザインは、リラックスして自然でありながら、芸術的で洗練された雰囲気で、ユーザーが創造性の温かさを感じることができるようにします。手描き風のチャートやイラストを使用して、手描きの線でつながれたコンテンツ関係図、手描きのタイムライン、トピッククラスターなどの主要な概念を示し、美観と情報価値の両方を確保します。技術要件：この Web ページを実装する際は、機能とデザインの完璧な統合を確保するために、次の技術要件に従ってください。ページ構造の構築には HTML5 を使用し、迅速なスタイル設定には Tailwind CSS を使用し、必要な JavaScript を通じてインタラクティブ機能を追加します。Font Awesome アイコン ライブラリを導入して、小さな手描きアイコンなど、手描きスタイルに洗練された装飾を追加します。美しく読みやすいタイポグラフィを確保するために、Noto Serif SC や Noto Sans SC など、中国語に適したフォントの組み合わせを使用します。システム設定をデフォルトとするダーク モードとライト モードの切り替えを実装し、ユーザーが好みに合わせてエクスペリエンスを調整できるように手動のトグル ボタンを提供します。セマンティック タグを使用し、適切なコメントを追加して、理解とメンテナンスを容易にする明確なコード構造を確保します。レスポンシブレイアウトを設計し、モバイル、タブレット、デスクトップの各デバイスでウェブサイトが美しく表示されるようにし、手描き要素がさまざまな画面サイズでその比率と美しさを維持するようにします。また、ボタン、アイコン、手描き要素に、ホバー時のわずかな拡大、ストロークの変化、色の遷移などの微妙なアニメーション効果を追加して、ユーザーインタラクションを強化します。出力要件：必要なすべてのCSSおよびJavaScriptコードを含む、完全で動作する単一のHTMLファイルを提出してください。ファイルがW3C標準に準拠し、エラーや警告がなく、最新のブラウザで手描きスタイルのウェブページが正しく表示されることを確認してください。まとめ：これは、あなたのデザインの才能とフロントエンドスキルを披露する絶好の機会です！創造性を解き放ち、手描きスタイルと最新のウェブデザインを組み合わせ、実用的でありながら魅力的な、視覚的に魅力的な中国語ウェブサイトを作成してください。ユーザーがブラウジング時にデザインの温かさと美しさを感じることができる、あなたの独自の芸術的視点とプロフェッショナルな基準を見るのを楽しみにしています。
