أماني الشهري
24-11-2016, 02:31 PM
مبادي التصميم الناجح من توب لاين
كثير من الأحيان عندما ترى تصميم معين و تعجب به تقول انه جميل جدا وتشعر بالإحتراف والجودة فى التصميم، ولكن ماهى المبادئ والعوامل التى تجعلك تشعر بأن تصميم ما نظيف و جميل.
هل يدور فى عقلك بأن التصميم النظيف “Clean Design” يعني أنه ناصع البياض او ليس عليه غبار؟ دعونا نلقى نظرة على هذا المصطلح ومبادئه وعوامله ..
استضافة مواقع (http://www.topline.com.sa/%D8%A7%D8%B3%D8%AA%D8%B6%D8%A7%D9%81%D8% A9-%D9%85%D9%88%D8%A7%D9%82%D8%B9/)
تصميم مواقع (http://www.topline.com.sa/%D8%A7%D9%84%D8%AA%D8%B3%D9%88%D9%8A%D9% 82-%D8%A7%D9%84%D8%A7%D9%84%D9%83%D8%AA%D8% B1%D9%88%D9%86%D9%8A/)
الأهتمام بالدقة فى التفاصيل بكل بكسل Pixel Perfect Details:
العين حساسة جداً وقادرة على إكتشاف الثغرات الصغيرة والتناقضات بالألوان و الأشكال، لذا فمن المهم الأهتمام بالتفاصيل، فهي من أساسيات التصميم النظيف – كالأهتمام بالاطارات borders و الظل shadow والكثير من هذه التفاصيل الأخرى لإنتاج تصميم نظيف.
استضافة مواقع (http://www.topline.com.sa/%D8%A7%D8%B3%D8%AA%D8%B6%D8%A7%D9%81%D8% A9-%D9%85%D9%88%D8%A7%D9%82%D8%B9/)
تصميم مواقع (http://www.topline.com.sa/%D8%A7%D9%84%D8%AA%D8%B3%D9%88%D9%8A%D9% 82-%D8%A7%D9%84%D8%A7%D9%84%D9%83%D8%AA%D8% B1%D9%88%D9%86%D9%8A/)
المسافات Spacing :
فكر جيداً أين تستخدم المسافات في تصميماتك بعناية وكيف تراعي تنظيمها بطريقة متساوية و منسجمة لتعطي فى النهاية منتج انيق ونظيف.
يمكنك إستخدام المسافات بين العناصر فى التصميم، فى Margins و padding و Line hightوالمساحات البيضاء أو مايسمى أحيانا بالفراغ السلبي وهذا المصطلح يطلق على تلك المساحات التى لاتشغل حيزها بعنصر كنص او صورة او اى عنصر مرئى وتوزيع هذه المساحات بشكل منسق وصحيح يجعل التصميم قابلا ًللقراءة بشكل أسرع ومريح للعين وأيضا يعطيك شعور التصميم النظيف…
ملحوظة : ليس بالضرورة ان تكون هذه المساحات بيضاء بل القصد ان تكون فارغة من أى محتوى.
استضافة مواقع (http://www.topline.com.sa/%D8%A7%D8%B3%D8%AA%D8%B6%D8%A7%D9%81%D8% A9-%D9%85%D9%88%D8%A7%D9%82%D8%B9/ )
تصميم مواقع (http://www.topline.com.sa/%D8%A7%D9%84%D8%AA%D8%B3%D9%88%D9%8A%D9% 82-%D8%A7%D9%84%D8%A7%D9%84%D9%83%D8%AA%D8% B1%D9%88%D9%86%D9%8A//)
المحاذاة Alignment:
و هي واحدة من ضمن النقاط التى يمكن إستخدامها لمساعدتك فى إنشاء تصميم مميز و نظيف ولاتقل اهميتها ابداً عن النقاط السابقة. فيمكن لعناصر الصفحة أن تصطف بطريقة ما بشكل منسق و متوازي، كجعل بعض العناصر مصطفة من اليمين اواخرى لليسار او بعضها بالوسط بشكل منسجم ومتناسق مع التصميم، ويمكنك إستخدام المحاذاة بأكثر من طريقة لتجعل العناصر أكثر إنسجاميه وتعطيك فى النهاية شعور الاحترافيه.
التايبوجرافى Typography:
التايبوجرافى فى التصميم هو وسيلة فعالة لإنشاء التسلسل الهرمى البصري
للتايبوجرافي وظيفة أنيقه جداً للقيام بتصميم بسيط و نظيف عن طريق تحديد نوع النص المناسب Font Family وحجمة Font Size ووزنة Font wight.
من خلال التايبوجرافي يمكنك بسهولة توجيه عين المستخدم حول التصميم للوصول للنقاط الهامة دون الحاجه لأستخدام اسهم او اشارات.
استضافة مواقع (http://www.topline.com.sa/%D8%A7%D8%B3%D8%AA%D8%B6%D8%A7%D9%81%D8% A9-%D9%85%D9%88%D8%A7%D9%82%D8%B9/)
تصميم مواقع (http://www.topline.com.sa/%D8%A7%D9%84%D8%AA%D8%B3%D9%88%D9%8A%D9% 82-%D8%A7%D9%84%D8%A7%D9%84%D9%83%D8%AA%D8% B1%D9%88%D9%86%D9%8A//)
الألوان Colors:
هناك العديد من الدروس والمقالات التي تناقش نظرية اللون وكيف ينطبق على التصميم، وهناك بعض الأدوات التى تساعدك على إختيار الألوان وعندما يتعلق الامر بالتصميم النظيف فهناك بعض المبادئ.
الغالبية العظمى من المواقع النظيفة تختار اللونين الابيض الرمادي ، كونها ألوان فاتحة وبسيطة، مما يسمح للتركيز على أى محتوى. غالبا ما تستخدم هذه المواقع رذاذ صغير من لون آخر لإظهار بعض العناصر للمساعدة فى إنشاء التسلسل الهرمى.
بالنسبة للألوان الجريئة، فأذا تم استخدامها بإفراط يمكن ان تتسبب فى تعقيد التصميم وصرف إنتباه المستخدم، و قد تثير بعض الألوان مشاعر متعددة ومتضاربة، تؤدي النهايةالى شعور المستخدم بحيرة عندما زيارة موقعك.
هذا لايعنى أن التصميم النظيف لايجب ان يكون ملون , كما هو الحال دائما هناك استثناءات لهذه القاعدة وهناك أمثلة كثيرة من التصميمات النظيفة التي تستخدم اللون على نحو فعال.
هذا المقال منقول من توب لاين لتقديم افضل معلومات التقنية من اجلكم
topline (http://www.topline.com.sa/)
توب لاين (http://www.topline.com.sa/)
http://www.topline.com.sa/
كثير من الأحيان عندما ترى تصميم معين و تعجب به تقول انه جميل جدا وتشعر بالإحتراف والجودة فى التصميم، ولكن ماهى المبادئ والعوامل التى تجعلك تشعر بأن تصميم ما نظيف و جميل.
هل يدور فى عقلك بأن التصميم النظيف “Clean Design” يعني أنه ناصع البياض او ليس عليه غبار؟ دعونا نلقى نظرة على هذا المصطلح ومبادئه وعوامله ..
استضافة مواقع (http://www.topline.com.sa/%D8%A7%D8%B3%D8%AA%D8%B6%D8%A7%D9%81%D8% A9-%D9%85%D9%88%D8%A7%D9%82%D8%B9/)
تصميم مواقع (http://www.topline.com.sa/%D8%A7%D9%84%D8%AA%D8%B3%D9%88%D9%8A%D9% 82-%D8%A7%D9%84%D8%A7%D9%84%D9%83%D8%AA%D8% B1%D9%88%D9%86%D9%8A/)
الأهتمام بالدقة فى التفاصيل بكل بكسل Pixel Perfect Details:
العين حساسة جداً وقادرة على إكتشاف الثغرات الصغيرة والتناقضات بالألوان و الأشكال، لذا فمن المهم الأهتمام بالتفاصيل، فهي من أساسيات التصميم النظيف – كالأهتمام بالاطارات borders و الظل shadow والكثير من هذه التفاصيل الأخرى لإنتاج تصميم نظيف.
استضافة مواقع (http://www.topline.com.sa/%D8%A7%D8%B3%D8%AA%D8%B6%D8%A7%D9%81%D8% A9-%D9%85%D9%88%D8%A7%D9%82%D8%B9/)
تصميم مواقع (http://www.topline.com.sa/%D8%A7%D9%84%D8%AA%D8%B3%D9%88%D9%8A%D9% 82-%D8%A7%D9%84%D8%A7%D9%84%D9%83%D8%AA%D8% B1%D9%88%D9%86%D9%8A/)
المسافات Spacing :
فكر جيداً أين تستخدم المسافات في تصميماتك بعناية وكيف تراعي تنظيمها بطريقة متساوية و منسجمة لتعطي فى النهاية منتج انيق ونظيف.
يمكنك إستخدام المسافات بين العناصر فى التصميم، فى Margins و padding و Line hightوالمساحات البيضاء أو مايسمى أحيانا بالفراغ السلبي وهذا المصطلح يطلق على تلك المساحات التى لاتشغل حيزها بعنصر كنص او صورة او اى عنصر مرئى وتوزيع هذه المساحات بشكل منسق وصحيح يجعل التصميم قابلا ًللقراءة بشكل أسرع ومريح للعين وأيضا يعطيك شعور التصميم النظيف…
ملحوظة : ليس بالضرورة ان تكون هذه المساحات بيضاء بل القصد ان تكون فارغة من أى محتوى.
استضافة مواقع (http://www.topline.com.sa/%D8%A7%D8%B3%D8%AA%D8%B6%D8%A7%D9%81%D8% A9-%D9%85%D9%88%D8%A7%D9%82%D8%B9/ )
تصميم مواقع (http://www.topline.com.sa/%D8%A7%D9%84%D8%AA%D8%B3%D9%88%D9%8A%D9% 82-%D8%A7%D9%84%D8%A7%D9%84%D9%83%D8%AA%D8% B1%D9%88%D9%86%D9%8A//)
المحاذاة Alignment:
و هي واحدة من ضمن النقاط التى يمكن إستخدامها لمساعدتك فى إنشاء تصميم مميز و نظيف ولاتقل اهميتها ابداً عن النقاط السابقة. فيمكن لعناصر الصفحة أن تصطف بطريقة ما بشكل منسق و متوازي، كجعل بعض العناصر مصطفة من اليمين اواخرى لليسار او بعضها بالوسط بشكل منسجم ومتناسق مع التصميم، ويمكنك إستخدام المحاذاة بأكثر من طريقة لتجعل العناصر أكثر إنسجاميه وتعطيك فى النهاية شعور الاحترافيه.
التايبوجرافى Typography:
التايبوجرافى فى التصميم هو وسيلة فعالة لإنشاء التسلسل الهرمى البصري
للتايبوجرافي وظيفة أنيقه جداً للقيام بتصميم بسيط و نظيف عن طريق تحديد نوع النص المناسب Font Family وحجمة Font Size ووزنة Font wight.
من خلال التايبوجرافي يمكنك بسهولة توجيه عين المستخدم حول التصميم للوصول للنقاط الهامة دون الحاجه لأستخدام اسهم او اشارات.
استضافة مواقع (http://www.topline.com.sa/%D8%A7%D8%B3%D8%AA%D8%B6%D8%A7%D9%81%D8% A9-%D9%85%D9%88%D8%A7%D9%82%D8%B9/)
تصميم مواقع (http://www.topline.com.sa/%D8%A7%D9%84%D8%AA%D8%B3%D9%88%D9%8A%D9% 82-%D8%A7%D9%84%D8%A7%D9%84%D9%83%D8%AA%D8% B1%D9%88%D9%86%D9%8A//)
الألوان Colors:
هناك العديد من الدروس والمقالات التي تناقش نظرية اللون وكيف ينطبق على التصميم، وهناك بعض الأدوات التى تساعدك على إختيار الألوان وعندما يتعلق الامر بالتصميم النظيف فهناك بعض المبادئ.
الغالبية العظمى من المواقع النظيفة تختار اللونين الابيض الرمادي ، كونها ألوان فاتحة وبسيطة، مما يسمح للتركيز على أى محتوى. غالبا ما تستخدم هذه المواقع رذاذ صغير من لون آخر لإظهار بعض العناصر للمساعدة فى إنشاء التسلسل الهرمى.
بالنسبة للألوان الجريئة، فأذا تم استخدامها بإفراط يمكن ان تتسبب فى تعقيد التصميم وصرف إنتباه المستخدم، و قد تثير بعض الألوان مشاعر متعددة ومتضاربة، تؤدي النهايةالى شعور المستخدم بحيرة عندما زيارة موقعك.
هذا لايعنى أن التصميم النظيف لايجب ان يكون ملون , كما هو الحال دائما هناك استثناءات لهذه القاعدة وهناك أمثلة كثيرة من التصميمات النظيفة التي تستخدم اللون على نحو فعال.
هذا المقال منقول من توب لاين لتقديم افضل معلومات التقنية من اجلكم
topline (http://www.topline.com.sa/)
توب لاين (http://www.topline.com.sa/)
http://www.topline.com.sa/