واجهات المستخدم - الألوان والتصميم

Question

على الرغم من أن أنا مهتمة بشكل خاص في تطبيق ويب المعلومات ، وأود أيضا أن تكون غريبة بعض الشيء عن تطوير تطبيقات سطح المكتب كذلك.هذا السؤال هو مدفوعا عملي على موقعي الشخصي وكذلك عملي حيث كنت قد وضعت بعض الميزات, ولكن تركها للآخرين على الاندماج في الشكل والمظهر من موقع.

هل هناك أي أدلة أو قواعد الإبهام عن أشياء مثل الألوان, التصاميم, التنسيق, وما إلى ذلك ؟ كنت ترغب في التأكد من المقروئية و الوضوح للزوار ، ولكن لا يكون لطيف ومملة في نفس الوقت.

أما عن معرفتي في هذا المجال - لو تعطيني صورة, لدي ما يكفي من المعرفة أن تتكاثر على الشاشة ، ولكن إذا كنت تطلب مني تصميم واجهة جديدة أو إعادة تصميم قائمة واحدة, أنا لا أعرف من أين تبدأ.

Answer 1

عادة كل نظام التشغيل واجهة المستخدم المبادئ التوجيهية.لنظام التشغيل Windows ، انظر هنا.(تحرير:الروابط في هذا المنصب هي مكسورة.ولكن البحث عن "واجهة المستخدم التوجيهية"على MSDN له مقالات حول كل شيء)

أبل لديها هو نفسه كذلك.أيضا, قد ترغب في الحفاظ على الوصول في الاعتبار.

Answer 2

نصيحة واحدة للتحقق مما إذا الألوان الخاصة بك جيدة المقابل هو أخذ لقطة من تحويل إلى الرمادي.إذا كنت لا تستطيع قراءة شيء, الألوان كانت بالتأكيد سيئة المختار.

بالاضافة الى ذلك, على الرغم من انها ليست حول واجهات المستخدم ، قبل & بعد مجلة يمكن أن تعطيك بعض جيدة تلميحات عن اللون والتصميم من المواضيع ذات الصلة.حتى أنها حصلت على بعض مجانا pdf للتحميل.

Answer 3

الكتاب تصميم واجهات, طريق جينيفر تيدويل يحتوي على فصل كامل عن هذا الموضوع (الفصل 9 مقتطفات accesible على الانترنت).الكتاب كله يستحق التوصية.

Answer 4

واجهة المستخدم على شبكة الإنترنت, انا ذاهب الى الخروج على أطرافهم هنا أقول أن أهم الألوان في تصميم الويب هو الأبيض أو "النور".هذا هو اللون الذي كنت مكان الكثيفة مساحات من المحتوى.

النص الظلام, خلفية ضوء, دائما, عندما يتعلق الأمر الأساسي الخاص بك مجالات المحتوى.

و أهم قاعدة في تصميم هي بيضاء.السماح المحتوى التنفس.

وبعد هذين قواعد بسيطة يستحق أكثر من "الاستخدام واجهة المستخدم" المبادئ التوجيهية.

و بالمناسبة, MS واجهة المستخدم المبادئ التوجيهية (عموما) الرهيبة.قراءة جاكوب نيلسن ، أنظر أبل جماليات التصميم ، ولكن البقاء بعيدا عن MS "محايد رمادي/أزرق crunchbox" 12 خطوة المعالج 10pt النص فلسفة واجهة المستخدم.

(وأنا أقول هذا بصفتي منذ فترة طويلة مايكروسوفت واجهة المستخدم الرسومية مبرمج)

Answer 5

أنا الرهيبة في العثور على الألوان التي تبدو جيدة معا ، لذا الغش واستخدام الصور من الطبيعة التي هي في الغالب لون أريد (أقول الأخضر) ومن ثم يمكنني استخدام هذا الموقع لسحب الألوان الرئيسية.عموما الطبيعة يقوم بعمل جيد جدا من الإعداد الخاصة ألوان لطيفة.

Answer 6

استخدام عالي التباين اللون المجموعات ؛ نص أسود على خلفية بيضاء هو أفضل مثال على تباين عالية التحرير والسرد.

سيئة التحرير والسرد هو الأخضر نص على خلفية حمراء.انها مروعة عن لون المكفوفين (مثلي).

نرى ما يشبه الموقع الخاص بك إلى اللون المكفوفين: colorfilter.wickline.org

Answer 7

كما لتطبيقات سطح المكتب:مهما فعلت لا تستخدم اختارهم الألوان.العصا مع اسمه نظام الألوان مثل "النافذة الخلفية", "نص القائمة" ، الخ.وإلا فإن الناس الاعتماد على نظام التشغيل ميزات إمكانية الوصول سوف يكون مؤمنا مع خيارات الألوان الخاصة بك (غير قادر على اختيار موضوع التباين العالي ، على سبيل المثال) وأن الناس الذين ترغب في تخصيص سطح المكتب الموضوعات أعتقد أن التطبيق الخاص بك هو قبيح.

Answer 8

وهنا بعض المؤشرات البسيطة لسهولة الاستخدام في الطباعة.هذه الأمور أساسا عنوان القراءة وسهولة الوصول إليها المخاوف.

دوس:

• استخدام نسبة تحجيم الخط (م)
• تحديد اللغة التغييرات في مستند باستخدام LANG السمة
• نص أسود على خلفية بيضاء
• للعناوين استخدام H1, H2, الخ.و عش مناسب لها
• قطعة يصل محتوى و تنظيم مع العناوين التي تناسب ما المستخدمون يبحثون عن
• كتابة واضحة و بسيطة نسخ
• محاذاة إلى اليسار ، خشنة الحق
• النص إلى لون الخلفية يجب أن تكون عالية التباين

يجب وما لا يجب:

• استخدام "اضغط هنا" أو "أكثر" كما نص الرابط
• استخدام تسطير على التركيز
• أكثر من 2 الخط-نوع الأسر
• مائل
• كتل من النص باستخدام جميع قبعات
• استخدام أحمر صحيح أو صحيح النص الأزرق على خلفية بيضاء (زيغ)