ملاحظات لولو
مرحبا جون وكلير!
الغرض من هذا النمط هو تصور الاتجاه المرئي لموقع الويب الجديد الخاص بك، بالإضافة إلى إثارة بعض الأفكار حول كيفية استخدام الوظيفة لعرض المحتوى بطريقة سهلة الاستخدام.
هذه مجرد نقطة بداية يمكن استخدامها لتحفيز الأفكار، لذا يرجى عدم الخوف من تقديم التعليقات (على هذه المهمة الخاصة بمجلس أسانا).
ملاحظات التصميم:
- يتميز تصميم WCMHS الحالي بطابع مؤسسي، وهو ما قد تتخيله عادةً على موقع بنك قديم. فهو يضفي على الموقع طابعًا ثقيلًا وجادًا وغير جذاب، وربما لا يمثل مؤسستك.
- في هذا النمط من البلاط، حاولت تخفيف الشعور لإعطاء إحساس بـ:
- ودود وجذاب
- تنشيط
- مشرق، مبهج، ولكن محترف
- حديث
- لا يُنسى
- إن استخدام اللون الوردي المشرق من PNS يعد جريئًا وجريئًا ويضيف تفردًا للتصميم، ولكن إذا كان اللون الوردي كثيرًا بالنسبة لك، يمكن استبداله باللون البرتقالي (أقل تميزًا ولكنه لا يزال فعالًا).
- يمكنك استخدام لوحة الألوان الحالية (انظر أدناه) كدليل بصري في جميع أنحاء الموقع (فعندما أرى لون الخزامى، على سبيل المثال، أعرف أنني في صفحة أو قسم يتعلق بـ CDS). قد لا تتناسب هذه اللوحة مع بعضها البعض بشكل جيد، ولكن يمكننا استخدام درجات من كل لون لضبطها ومزجها.
- لقد قمت بإنشاء عنصر "الإدراج وليس الإقصاء" الجديد من أجل المتعة أثناء انتظار العلم - خذه أو اتركه حسب الرغبة.
- أنا أحب النهج المتمثل في إبقاء كل شيء مشرقًا.
لوحة الألوان الحالية
الشعار
لا استبعاد
عنوان قصير اثنين
هذا هو عنوان المثال في Fjalla One
هذا نصّ مكتوب بخط نونيتو سانس، وهو خطّ جذاب وسهل القراءة. هذا نصّ فقرة. لتغييره، ما عليك سوى النقر والبدء بالكتابة. بعد إضافة المحتوى، يمكنك تخصيص تصميمه باستخدام ألوان وخطوط وأحجام خطوط ونقاط مختلفة. ما عليك سوى تحديد الكلمات التي تريد تصميمها، ثمّ اختيارها من بين الخيارات المختلفة في شريط تحرير النص. هذه هي منطقة النصّ لهذه الفقرة.
نص الرابط.
ثلاثة أهداف في نونيتو سانس
خط التوقيع الاختياري
باستخدامها باعتدال، يمكنك إضافة لمسة جمالية مميزة إلى الموقع. هذا مجرد مثال للخط - يمكننا الاختيار من بين مئات الخطوط المتاحة!
توصيات التخطيط
عرض حاوية النص - لا يزيد عن 730 بكسل (من الواضح أنه أقل بالنسبة للأجهزة المحمولة).
ارتفاع السطر - 1.5 - 2 لنص النص/الفقرة
حجم الخط - 18 نقطة أو أكثر لسطح المكتب / 16 للجوال
محاذاة - محاذاة إلى اليسار
مثال على شريط تمرير النص
جيد لعرض شهادات قصيرة ذات طول مماثل.
عنوان قصير اثنين
مثال على العمود الملون
هذا نصّ مكتوب بخط نونيتو سانس، وهو خطّ جذاب وسهل القراءة. هذا نصّ فقرة. لتغييره، ما عليك سوى النقر والبدء بالكتابة. بعد إضافة المحتوى، يمكنك تخصيص تصميمه باستخدام ألوان وخطوط وأحجام خطوط ونقاط مختلفة. ما عليك سوى تحديد الكلمات التي تريد تصميمها، ثمّ اختيارها من بين الخيارات المختلفة في شريط تحرير النص. هذه هي منطقة النصّ لهذه الفقرة.
نص الرابط.
عنوان قصير اثنين
مثال على العمود الملون
هذا نصّ مكتوب بخط نونيتو سانس، وهو خطّ جذاب وسهل القراءة. هذا نصّ فقرة. لتغييره، ما عليك سوى النقر والبدء بالكتابة. بعد إضافة المحتوى، يمكنك تخصيص تصميمه باستخدام ألوان وخطوط وأحجام خطوط ونقاط مختلفة. ما عليك سوى تحديد الكلمات التي تريد تصميمها، ثمّ اختيارها من بين الخيارات المختلفة في شريط تحرير النص. هذه هي منطقة النصّ لهذه الفقرة.
نص الرابط.
نحن نفهم ما هو عليه...
هذا القسم اختياري. يمكنك استخدامه للانتقال إلى القسم التالي. استخدام عبارات التعاطف لإظهار فهمك واهتمامك طريقة رائعة لإظهار فهمك واهتمامك.
هذا القسم اختياري. يمكنك استخدامه للانتقال إلى القسم التالي. استخدام عبارات التعاطف لإظهار فهمك واهتمامك طريقة رائعة لإظهار فهمك واهتمامك.
نقطة الموضوع 1
الترجمة الفرعية
هذه مساحة نصية لهذه الفقرة. لتغييرها، انقر وابدأ الكتابة. بعد إضافة المحتوى، يمكنك تخصيص التصميم بألوان وخطوط وأحجام خطوط ونقاط مختلفة.
نقطة الموضوع 2
الترجمة الفرعية
هذه مساحة نصية لهذه الفقرة. لتغييرها، انقر وابدأ الكتابة. بعد إضافة المحتوى، يمكنك تخصيص التصميم بألوان وخطوط وأحجام خطوط ونقاط مختلفة.
نقطة الموضوع 3
الترجمة الفرعية
هذه مساحة نصية لهذه الفقرة. لتغييرها، انقر وابدأ الكتابة. بعد إضافة المحتوى، يمكنك تخصيص التصميم بألوان وخطوط وأحجام خطوط ونقاط مختلفة.
نقطة الموضوع 4
الترجمة الفرعية
هذه مساحة نصية لهذه الفقرة. لتغييرها، انقر وابدأ الكتابة. بعد إضافة المحتوى، يمكنك تخصيص التصميم بألوان وخطوط وأحجام خطوط ونقاط مختلفة.
أكورديون
تخطيط عمودين
فقرة تمهيدية اختيارية. ملاحظات لولو: الأيقونات في الأكورديون مجرد رموز مؤقتة حاليًا، ولكن يمكنك اختيار أي أيقونة SVG لاستبدالها أو حذفها تمامًا. أضفتُ بعض الصور لإعطائكم فكرة عما يمكن أن ينجح هنا (بمجرد اختيار صورة، سنُزيل شريط التمرير). يمكن قص الصور وإعادة وضعها لتحسين أدائها.
فقرة تمهيدية اختيارية. ملاحظات لولو: الأيقونات في الأكورديون مجرد رموز مؤقتة حاليًا، ولكن يمكنك اختيار أي أيقونة SVG لاستبدالها أو حذفها تمامًا. أضفتُ بعض الصور لإعطائكم فكرة عما يمكن أن ينجح هنا (بمجرد اختيار صورة، سنُزيل شريط التمرير). يمكن قص الصور وإعادة وضعها لتحسين أدائها.
فقرة تمهيدية اختيارية. ملاحظات لولو: الأيقونات في الأكورديون مجرد رموز مؤقتة حاليًا، ولكن يمكنك اختيار أي أيقونة SVG لاستبدالها أو حذفها تمامًا. أضفتُ بعض الصور لإعطائكم فكرة عما يمكن أن ينجح هنا (بمجرد اختيار صورة، سنُزيل شريط التمرير). يمكن قص الصور وإعادة وضعها لتحسين أدائها.
أمثلة على الأشرطة المتحركة
مناسب عندما تريد عرض الأرقام ذات الصلة وما إلى ذلك. يمكنك تغيير تسميات الشريط وتسميات النسبة المئوية حسب الرغبة.
مثال على قسم شعار الشريك
أفق المدينة
شرارات عيد الميلاد
مجلة الموضة
خطوط مشوش عليها
الطباعة كـ
تصميم
خدمات العناية المركزة
الخط الكبير والخلفيات العريضة والألوان الأحادية تُضفي لمسةً رائعةً على المحتوى دون الحاجة إلى استخدام الصور. هذا القسم مُصمم بألوان ICS.
مثال على وظيفة لوحة علامات التبويب
البحث والتحليلات
اكتب وصفًا لهذه علامة التبويب، وأدرج معلومات تهم زوار الموقع. على سبيل المثال، إذا كنت تستخدم علامات التبويب لعرض خدمات مختلفة، فاكتب عن ما يميز كل خدمة. إذا كنت تستخدم علامات التبويب لعرض أصناف المطاعم، فاكتب عن ما يجعل طبقًا معينًا مميزًا أو لذيذًا.
استراتيجية التخطيط
اكتب وصفًا لهذه علامة التبويب، وأدرج معلومات تهم زوار الموقع. على سبيل المثال، إذا كنت تستخدم علامات التبويب لعرض خدمات مختلفة، فاكتب عن ما يميز كل خدمة. إذا كنت تستخدم علامات التبويب لعرض أصناف المطاعم، فاكتب عن ما يجعل طبقًا معينًا مميزًا أو لذيذًا.
إنشاء المفهوم
اكتب وصفًا لهذه علامة التبويب، وأدرج معلومات تهم زوار الموقع. على سبيل المثال، إذا كنت تستخدم علامات التبويب لعرض خدمات مختلفة، فاكتب عن ما يميز كل خدمة. إذا كنت تستخدم علامات التبويب لعرض أصناف المطاعم، فاكتب عن ما يجعل طبقًا معينًا مميزًا أو لذيذًا.
اختبار في الميدان
اكتب وصفًا لهذه علامة التبويب، وأدرج معلومات تهم زوار الموقع. على سبيل المثال، إذا كنت تستخدم علامات التبويب لعرض خدمات مختلفة، فاكتب عن ما يميز كل خدمة. إذا كنت تستخدم علامات التبويب لعرض أصناف المطاعم، فاكتب عن ما يجعل طبقًا معينًا مميزًا أو لذيذًا.
النجاح مضمون
اكتب وصفًا لهذه علامة التبويب، وأدرج معلومات تهم زوار الموقع. على سبيل المثال، إذا كنت تستخدم علامات التبويب لعرض خدمات مختلفة، فاكتب عن ما يميز كل خدمة. إذا كنت تستخدم علامات التبويب لعرض أصناف المطاعم، فاكتب عن ما يجعل طبقًا معينًا مميزًا أو لذيذًا.
مثال على وظيفة الأكورديون
استخدمه للأسئلة الشائعة أو أي شيء آخر حيث تريد تكثيف المساحة.
قسم الفيديو كمثال
الموسيقى علاج. تُهدئ روحك، تُبهجك، تُحركك، وأكثر من ذلك. تُؤثر الموسيقى على نبضات قلبك وتنفسك، وعلى نومك واستيقاظك. مع أهمية الموسيقى في الحياة، ألا تستحق حرية الموسيقى؟
الطباعة كـ
تصميم
سي إف واي إس
الخط الكبير والخلفيات العريضة والنمط أحادي اللون يُبرز المحتوى بشكل مثالي دون الحاجة إلى استخدام الصور. هذا القسم مُصمم بألوان CFYS.
برامج لسكان مجتمع مقاطعة واشنطن
هذا مثال على كيفية تقديم لمحة عامة عن البرامج المقدمة من الصفحة الرئيسية. بالنقر على زر "معرفة المزيد"، سينتقل زائر الموقع إلى مزيد من المعلومات (سواءً صفحة فرعية أو قسم من الصفحة). ألوان الخلفية مجرد ألوان مؤقتة حاليًا، لكنني رأيت أنه من الأفضل استخدام ألوان العلامة التجارية لكل مزود خدمة (سنحتاج إلى إنشاء ألوان خلفية بسيطة نرفعها إلى المعرض أدناه).
وظيفة التقويم
هذا هو تقويم Tockify الخاص بك، وقد تم دمجه مع تقويم Google. أضفتُ علامات لكل قسم بألوان الأقسام، لذا إذا أضفتَ حدثًا إلى Tockify، فتذكر وضع علامات مناسبة له لتظهر الألوان.
مثال
تقويم جوجل
يمكنك دمج أي تقويم Google في موقع الويب.
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
الطباعة كـ
تصميم
سي دي إس
الخط الكبير والخلفيات العريضة والنمط أحادي اللون يُضفي لمسةً رائعةً على المحتوى دون الحاجة إلى استخدام الصور. هذا القسم مُصمم بلون CDS، وقد أضفتُ إليه بعض السطوع.
وظيفة الجدول الزمني
تُعد هذه الوظيفة طريقة رائعة لعرض جدول زمني أو عملية. فهي توفر خيارات تنسيق متعددة، مما يتيح لك تنسيقها مع علامتك التجارية.
وسائل التواصل الاجتماعي والفيديو
من الطرق الجيدة للحفاظ على حيوية موقعك الإلكتروني وجاذبيته دمجُ حساباتك على مواقع التواصل الاجتماعي مباشرةً فيه. إليك بعض الأمثلة.
أداة تغذية فيسبوك
أداة تمرير الفيديو
أداة عرض المستندات
تتيح لك أداة عرض المستندات عرض مجموعة متنوعة من المستندات مباشرةً على موقعك. يمكن إضافة المستندات عبر تحميل الملفات، أو رابط مباشر، أو منصات الويب مثل دروبوكس، أو جوجل درايف، أو جوجل ميل. ويمكن ضبط حجمها بأي حجم.
أداة iFrame
تتيح لك هذه الأداة عرض موقع ويب داخل موقع ويب، بحيث يمكنك دمج البيانات والأدوات من مواقع أخرى أو خدمات تابعة لجهات خارجية.
فكّر في استخدام هذه الأداة عند الحاجة إلى دمج خدمة معقدة تعتمد على البيانات من موقع آخر، مثل البحث عن عقارات أو نموذج حجز. هذه الطريقة سريعة ومنخفضة التكلفة ولا تتطلب أي كود تضمين HTML. أرفقتُ مثالاً من صفحة الفعاليات على موقع onecarevt.org.
اختيار الصورة
الصور التي تختارها لموقعك الإلكتروني قد تُسهم في نجاح تصميمه أو فشله. اختر صورًا تعكس أسلوب علامتك التجارية ولونها، والشعور الذي ترغب في إيصاله. تجنب الصور ذات الألوان الداكنة لأنها تُضفي ثقلًا على الموقع. إليك بعض الأمثلة، مُختارة لتنسيق الألوان وليس للمحتوى الفعلي.
مثال على دعوة لاتخاذ إجراء
لأسفل جميع الصفحات فوق التذييل
من المستحسن إنهاء كل صفحة موقع إلكتروني بدعوة واحدة لاتخاذ إجراء. إليك بعض الأمثلة.
اتصل بنا
ابق على اتصال
اقرأ آخر تحديثاتنا
لا تفوت أي رسالة
ساعدنا
مساعدة الآخرين
ادعم طلابنا حتى يتمكنوا من النجاح وتحقيق أهدافهم
200 دولار
تبرعك يذهب مباشرة لدعم الطلاب
خدمات الأطفال والشباب والأسرة
تشمل البرامج مجموعة واسعة من الخدمات المكتبية والمجتمعية، بالإضافة إلى خدمات مدرسية ومنزلية للأطفال وأسرهم الذين يعانون من أمراض نفسية. الخدمات متاحة للأمهات الحوامل والآباء والأمهات حتى سن الثانية والعشرين.
برنامج دعم المجتمع
خدمات دعم مجتمعية شاملة للأشخاص الذين يعانون من أمراض نفسية حادة ومستمرة. خدماتنا مصممة خصيصًا لكل حالة، وتركز على الصحة والعافية والتعافي. نعتمد على التواصل المجتمعي، ونقدم معظم خدماتنا للعملاء في المجتمع.
مركز الاستشارات والخدمات النفسية
خدمات العيادات الخارجية للبالغين والأطفال في ظل التحديات الشديدة وضغوط الحياة اليومية. تُقدم خدمات علاجية فردية، وأزواجية، وعائلية، وجماعية، وتقييمات، وتنسيق خدمات، ودعم مجتمعي، من خلال مناهج علاجية متنوعة تُركز على تلبية احتياجات العميل.
خدمات تنمية المجتمع
ستلخص هذه الفقرة غرض هذا القسم وبرامجه بدلاً من سرد جميع البرامج. بالنقر على أي مكان في هذا المربع، ستنتقل إلى صفحة الموقع.
خدمات العناية المركزة
خدمات العناية المركزة (ICS) هي خدمة مشتركة تُقدم خدمات طوارئ على مدار الساعة للأفراد والأسر. هدفها الرئيسي هو الحد من الآثار المؤلمة المباشرة للأزمات وتشجيع استقرار الحالة.
الخدمات النفسية والتمريضية
ستلخص هذه الفقرة غرض هذا القسم وبرامجه بدلاً من سرد جميع البرامج. بالنقر على أي مكان في هذا المربع، ستنتقل إلى صفحة الموقع.
في المجتمع
ستلخص هذه الفقرة غرض هذا القسم وبرامجه بدلاً من سرد جميع البرامج. بالنقر على أي مكان في هذا المربع، ستنتقل إلى صفحة الموقع.
كيفية الوصول إلينا
يمكنك تضمين معلومات هنا حول كيفية الوصول إلى برامج WCMHS
