$hide=post-404

$type=ticker$count=15$cols=5$cate=1$readmore=hide$show=home$hide=mobile$label=hide

Movavi WW

ما هو التصميم المسطح "Flat Design" و ما هي أساسياته

ما هو التصميم المسطح "Flat Design" و ما هي مبادئه

التصميم المسطح أو Flat Design هو عبارة عن اسلوب في تصميم حيث يعتمد الأسلوب على البساطة و الاثقان، ظهر هذا التصميم سنة 2013 و انتشر بسرعة وفعالية، إذا قارنت بين تصاميم السنوات القديمة والآن ستجد فرق كبير فقد تخلت المواقع على قوالبها القديمة و تحولت إلى تصاميم المسطحة. في هذه المقالة سنتطرق إلى مبادئ التصميم المسطح و مبادئه 

لا تأثيرات مضافة 
لا تأثيرات مضافة التصميم المسطح "Flat Design"
لا تأثيرات مضافة التصميم المسطح "Flat Design" 
التصميم المسطح هو التصميم ثنائي الأبعاد لا يدخل فيه أي عنصر متعددة الأبعاد. التصميم يتميز بالبساطة.  بدون تعقيد بدون ظلال، قوام، وتدرجات ... أو غيرها.

فما الذي يجعل التصميم المسطح أكتر قوة و جذب؟

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


عناصر بسيطة
 التصميم المسطح "Flat Design" عناصر بسيطة
 التصميم المسطح "Flat Design" عناصر بسيطة 
يستخدم التصميم المسطح العديد من عناصر بسيطة، مثل الأزرار ،الرموز و الأشكال. و بإستعمال الأشكال البسيطة مثل مستطيلات ،دوائر و مربعات بصفة عام أشكال بسيطة(اليك أسباب لماذا الشعار البسيط الأفضل).

يجب أن يكون كل عنصر من الواجهة بسيطا وسهل و هذا سيسهل التفاعل و التفسير التصميم.

التصميم المسطح غالبا يكون خفيف بدون تفاصيل مملة (طبقات، أشكال كثيرة، التدرجات، ظل ...) و  بتالي مركز و بدون تشويش. 

التركيز على الكتابة 
التركيز على الكتابة
التركيز على الكتابة  التصميم المسطح "Flat Design" 
فن الخط أو فن الطباعة هو فن توظيف الحروف بصفة عامة لتصميم نوع من التناسق، هو شكل الخط اي الشكل، الأسلوب، التكثيف، العرض، نسبة الميلان، الزخرفة ... ( نصائح قيمة لتصميم الصور و اعلانات احترافية ).

يجب أن تتناسب الخطوط مع عناصر التصميم العامة. يجب أن يكون النوع الخط بسيط (sans serif type family) ك خط دبي أو جذور مسطح و غيرها من الخطوط (أنصحك بهديه الخطوط " اجمل الخطوط العربية متوفرة للتحميل مجانا ").

التركيز على اللون
التركيز على اللون
 التصميم المسطح "Flat Design" التركيز على اللون
يعتبر اللون من أهم الأشياء في تصميم. فغالبا ما تكون ألوان التصاميم المسطح أكثر إشراقا (معنى الالوان مهم إليك كيف تختار اللون المناسب لتصميمك ).

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


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

التصميم المسطح هو أكتر التبسيطا، التصميم المسطح أسهل عموما لتطوير وأسرع لتحميل.


بعد تصميم المسطح وضعت جوجل أسلوب جديد أطلقت عليه التصميم المادي " Material deisgn " هو عبارة عن مجموعة من معايير. و تم تطويره إنطلاقا من التصميم المسطح، إلى أن تصميم مسطح مازالت له شعبية كبيرة ( فرق بين التصميم المادي "Material Design" والتصميم المسطح "Flat Design" و مميزاتهما ).
 

تعليقات

الاسم

3D,2,آلة حاسبة,1,إبتسامة,1,أخبار,11,اخبار,5,أخبار التصميم,18,أداة,1,إزالة خلفية,1,أزرار,1,أستايلات,4,أكشن,3,الأبيض,1,الأحمر,1,الأخضر,1,الأزرار,1,الأزرق,1,الألعاب النارية,1,الأنترنت ، البحت ، server database، حاسوب ، مكبرة ، مكيفات الهواء،icon,2,البحر,1,التسويق الرقمي,1,التسويق عبر البريد الالكتروني,1,التصميم,3,التصميم الغرافيكي,1,التصوير الفوتوغرافي,9,الحجر,1,الرأس,1,الرمادي,1,الزهور,1,الستريتر,8,السحاب,1,الصيف,1,الطباعة عند الطلب,1,الظل,1,الفيديو,7,القرش,1,إلكترونية,1,الكلب,1,المورثة,1,الوان الطيف,1,الوجه,2,إنعكاس الماء,1,أيقونة,2,باترن ( Pattern ),3,برامج المونتاج,1,بريد,1,بزنس و التصميم,7,بسيطة,1,بفوتوشوب,2,بنفسجي,1,تأثير ،المشعر ،مزغب ،نص فروي,1,تأثيرات الصور,77,تأثيرات النصوص,20,تحت الماء,1,تحطم,1,تسويق,7,تسويق إلكتروني,1,تصميم الخطوط,1,تصميم الشعارات,5,تصميم المواقع,2,تصميم واجهة المستخدم,1,تصميم ويب,1,تطبيقات,3,تطوير الويب,1,تعليم الرسم,14,تفاحة,2,تلاعب,2,تلاعب بالصور,58,تلوين,1,تواصل الإجتماعي,3,تويتر,2,ثأتير خط,6,ثأتير نص,1,ثأتيرات صور,16,جمجمة,1,جوز الهند,1,حذاء,1,حمامة,1,حيوانات,8,خراب,1,خط,78,خط Qontra,1,خطوط,96,خطوط أجنبية,68,خطوط اجنبية,18,خطوط البرمجة,1,خطوط عربية,23,خلفيات,1,دراجة,1,درس,117,دروس,198,دروس أفتر أفكت,2,دروس التصميم,11,دروس اليستريتور,64,دروس فوتوشوب,186,رجل,1,رسالة,1,رسم,1,رمز,1,رمضان,2,رموز,2,ريشة,1,زجاجية,1,ساعة,1,ساموراي,1,سايبورغ,1,ستايل,4,سفر,1,سيارات,1,سيارة,1,شجرة,1,شخصيات,1,شخصية,1,شعار,4,شعارات,26,شعارات و رموز,68,شمسية,1,شمعة,1,صحن,1,صفحة الهبوط,1,صور و خلفيات,23,صورة قطبية,1,ضخمة,1,طبق,1,طبيعة,1,طيار,1,عجوز,1,عجوز وجه,1,عرض تصاميم,3,عروض,25,علم,1,عمل حر,1,عيد الأضحى,1,عين,1,غلاف الكتاب,2,فرش,11,فرش (Brush),15,فرشاة,2,فن,1,فوتوشوب,43,فيكتور,8,قالب,1,قصر,1,قلعة,1,قوس قزح,1,كاميرا,1,كرتون,1,كرتونية,2,كلب,1,كوب ، تلاجة ، مغرفة، سكين المطبخ، مقلاة، صحن,1,كورسات,2,كوكب,1,كوكب الأرض,1,لحية,1,مآزر المطبخ,1,متجر إلكتروني,1,مجانا,2,مجانيات,6,محطم,1,مخطوطات,4,مسابقات,75,مشاعر,1,معدات الغوص,1,معضوض,1,مقالا,1,مقالات,417,مقالات التصوير,19,مقالات العاب,6,مقالات برمجة,25,مقالات تصميم,107,مقالات After Effect،,1,مقالات Illustrator,19,مقالات Indesign,7,مقالات photoshop,24,مقالات SEO,9,مكسور,1,مميزات,1,منزل,2,منظر طبيعي,1,مواقع لتنزيل صور PNG,1,موقع,4,نصائح,1,نفاثة,1,نوتة ، الموسيقى، فرش، مزمار,1,نينجا,1,هيكل عظمي,1,واتساب للأعمال,1,واقعية,3,وكالة,1,يد,1,يضيء,1,ABR,1,action,3,After Effect,2,Ai,3,Alien,1,alphabet,1,Alphabets,1,Android,1,App,1,Application,1,arrow,1,Austria,1,Back card,1,background,5,Bahrain,1,Ball,1,Balls in box,1,Bee,1,Belgium,1,Bitmap,1,blue,3,Blue background,2,book cover,1,Box Closed,1,Box Opened,1,Boxes,1,Brown,1,Brush,10,Brushes,9,Burkina faso,1,Business card,1,Buttons,3,Calc,1,Calculator,1,China,1,Circle,1,Circles,2,Clock,1,Cote d'ivoire,1,Croatia,1,Currency,1,Cyborg,2,czech,1,Dent,1,Dental,1,design,2,Disk,1,dog,1,Dollar,1,download,1,Drop Water,1,Earth,1,economy,2,Egypt Uganda,1,Emirates,1,emoticons,1,eps,7,EPS vector art,6,Euro,2,Flag,1,flute,2,font,1,France,1,Front card,1,G,1,galaxy,2,Game Development,5,Games,4,Gaza,1,Germany,1,Ghana,1,gift,1,gold,1,golden color,1,Golf,1,green,2,Guitar,1,H,1,head,1,Headphone,1,Health,1,heart,1,Hero,1,High Price,1,Hong Kong,1,Hour,1,Icon,1,Icon application,1,Illustrator,121,India,1,Iran,1,Iraq,1,Ireland,1,Italy,1,Japan,1,Japanese Yen,1,Jordan,1,jpeg,3,jpg,1,Kenya,1,Kid,1,Korea,1,Kuwait,1,landing page,1,Lebanon,1,Libya,1,light,2,Lithuania,1,Logo,5,Magnifier,1,Magnifying Glass,1,mail,1,Mali,1,Medal,1,medals,1,Metal,2,Metal Texture,1,microphone,1,money,2,Morocco,1,Mozambique,1,music,1,Netherlands,1,Nigeria,1,Ninja,1,note,1,Notebooks,1,Notes,1,Oman,1,orange,1,Palestine,2,Pc,1,Photoshop,161,piano,1,Picture,2,planet,1,plug-in,1,PNG,32,Poland,1,Portugal,1,Pound,1,price,1,PSD,115,rainbow,1,rainbow colors,1,received,1,red,2,Republic of congo,1,Romania,1,Rwanda,1,Saudi Arabia,1,search,1,Senegal,1,sent,1,Silver,1,Slovakia,1,South Africa,1,Space,2,Spain,1,SpeedArt,2,Sprocket,1,star,3,Style,2,Styles,3,Sudan,1,Sun,1,Superhero,1,Switzerland,1,symbol,6,Symbols,1,Syria,1,Tablet,1,Taiwan,1,Tanzania,1,Technologies,1,technology,1,tiny effect,1,Togo,1,Tooth,1,Touch,1,trophy,1,Tunisia,1,Turkey,1,Tutorial,2,UFO Logo,1,Ufo Symbol,1,United Kingdom,1,Vector,31,Vector ( فيكتور ),173,Vector material,4,video,1,Watch,1,white,2,Yemen,1,Zambia,1,
rtl
item
اشكوش ديجيتال | Hcouch Digital: ما هو التصميم المسطح "Flat Design" و ما هي أساسياته
ما هو التصميم المسطح "Flat Design" و ما هي أساسياته
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC1NBui2sx9ZrfsdMrNvlOKV7uiat5df33h5Mi9dvRy46vAP45Hb-xpjpMGWqehfYk4HFhVE-hq-IPIrpqjMtFzre-ywOOjvK2KJoRxdOKY8sD85zdDu3EmqASBFms3RpnwfaefNKHYTQ/s400/Flat-design.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC1NBui2sx9ZrfsdMrNvlOKV7uiat5df33h5Mi9dvRy46vAP45Hb-xpjpMGWqehfYk4HFhVE-hq-IPIrpqjMtFzre-ywOOjvK2KJoRxdOKY8sD85zdDu3EmqASBFms3RpnwfaefNKHYTQ/s72-c/Flat-design.png
اشكوش ديجيتال | Hcouch Digital
https://www.hcouchd.com/2017/03/What-is-flat-design-principles.html
https://www.hcouchd.com/
https://www.hcouchd.com/
https://www.hcouchd.com/2017/03/What-is-flat-design-principles.html
true
3088230440467509860
UTF-8
تحميل جميع المشاركات لم يتم العثور على أي مقال عرض الكل قراءة المزيد رد إلغاء الرد حذف بواسطة الصفحه الرئيسيه الصفحات مقالات مشاهدة الكل قد ترغب فئة أرشيف بحث جميع المقالات لم يتم العثور على أي منشور مطابق مع طلبك رجوع لصفحة الرئيسية الأحد الاثنين الثلاثاء الأربعاء الخميس الجمعة السبت الأحد الاثنين الثلاثاء الأربعاء الخميس الجمعة السبت يناير فبراير مارس أبريل ماي يونيو يوليو أغسطس سبتمبر اكتوبر نوفمبر ديسمبر يناير فبراير مارس أبريل ماي يونيو يوليو أغسطس سبتمبر اكتوبر نوفمبر ديسمبر في هذة اللحظة منذ دقيقة واحدة $$1$$ minutes ago قبل ساعة $$1$$ hours ago يوم أمس $$1$$ days ago $$1$$ weeks ago منذ أكثر من 5 أسابيع متابعون متابعة هذا المحتوى المميز مقفل الخطوة 1: شارك على شبكة اجتماعية الخطوة 2: انقر على رابط على الشبكة الاجتماعية انسخ كل الأكواد حدد كافة الأكواد تم نسخ جميع الرموز إلى الحافظة الخاصة بك لا يمكن نسخ الرموز / النصوص ، يرجى الضغط على [CTRL] + [C] (أو CMD + C مع نظام التشغيل Mac) للنسخ فهرس