طراحي سايت طراحي سايت .

طراحي سايت

شروع كار با طراحي تخت

 

شروع كار با طراحي تخت

 


 وب سايت هايي با طراحي تخت جالب و جذاب  هستند و در چند سال اخير به ترند تبديل شده اند. در ديدگاه طراحي تخت بايد از طرح هاي پيچيده كه تحت تاثير  گراديان ها، سايه ها و همه اين گونه طرح ها قرار مي گيرند، خداحافظي كنيم. روند طراحي مسطح يك سبك طراحي در حال ظهور است كه از اشكال و آيكون هاي تخت استفاده مي كند. اساسا  استفاده از مستطيل، حلقه ها، مثلث ها و ديگر اشكال با عدم وجود عناصر طراحي ديگر مانند سايه ها  و شيب ها مطرح است. مايكروسافت در سيستم عامل هاي خود، مخصوصا سيستم عامل جديد خود ويندوز 8 ، طراحي تخت را رونق داد.
وب سايت نمونه-تخت-02

 

 طراحي تخت استفاده از پيچيدگي ها را محدود مي كند. طرح هاي مسطح ساده بدون سايه و ساير عناصر طراحي.خوب مردم اكنون سادگي وسهولت بصري را به رسميت شناختن اند. همچنين، با ظهور تلفن همراه، جايي كه فضاي صفحه نمايش محدود است، استفاده از تصاوير ساده، و  استفاده حداكثري  از  هر پيكسل را مهم ساخته است. سبك مينيماليستي نيز بر روي فاصله زياد بين آيكون ها، تصاوير و تمام عناصر  صفحه وب يا برنامه تمركز مي كنند، در طراحي تخت  استفاده مي شود. 
علاوه بر اين، تصاوير ساده و صاف سريعتر  بارگيري مي شوند،  در حال حاضر ، خوانايي با سبك مينيماليستي در طراحي تخت ظهور كرده است. با "فضاهاي سفيد" (يا فضاهاي خالي) بيشتر، متن به خوبي ديده مي شود. همچنين فقدان سايه ها و گراديان ها، خوانايي متن ها را در يك صفحه تضمين مي كند. 

فيس بوك يكي از اولين استفاده كنندگان قالب طراحي تخت است. درماه هاي گذشته، فيس بوك به وضوح طرح هاي طراحي خود را تغيير داده است، به كاربران  مي توانند آيكون هاي ساده، طرح ها و تصاوير دوستانه را مشاهده كنند.البته گوگل با تغيير آيكون هاي خود به تصاوير رنگي و صاف، رهبري اين جنبش را دارد . 

تغييرات فيس بوك -flat

درست است كه روند طراحي تخت به آرامي حركت كرد، اما صفحات وب، برنامه ها و رايانه هاي ما تسخير كرد. به زودي به طور كامل بر ما تاثير مي گذارد ولي قبل از اين اتفاق بايد با فلسفه طراحي تخت آشنا شويم. ما درباره عناصر طراحي صحبت خواهيم كرد و نحوه استفاده از آنها را در فضاي صفحه به طور كامل بررسي خواهيم كرد. در واقع پنج عنصر وجود دارد: 

1.عدم عمق
2.استفاده از عناصر ساده
3.فن چاپ
4.رنگ
5.مينيماليسم

skeumorphic-04

عمق در طراحي

عمق اكنون در روند طراحي جديد مرده است. بر خلاف روندهاي طراحي قبلي كه در آن  سايه،  خطوط و شيب ها جان مايه سبك بود. سبك طراحي جديد تخت بيشتر بر روي طرحي ساده ي 2 بعدي تمركز مي كند. اين فلسفه طراحي مسطح كاملا با طراحي اسكاي مورفيسم مخالف است كه در آن تصاوير براي شبيه سازي واقعيت، رنگ هاي عميق و استفاده از يك شيء واقعي تاييد دارد. وب سايت ها و برنامه هاي طراحي شده Skeuomorphistic معمولا تصاوير پس زمينه اي دارند كه  واقعي هستند. همراه با بافت هاي  كه در دنياي واقعي استفاده مي شوند. 

skeumorphic-design -flat02

يك نمونه خوب  مقايسه iOS6 
طراحي  و نسخه هاي قبلي iOS  است. طراحي هاي اوليه يك تقليد از شيء واقعي هستند. استفاده از تصاوير كامپيوتري 3d، استفاده از شيب، بافت،  bevels و embosses براي به حداكثر رساندن  ظاهر تصوير به  دنياي واقعي است.


سادگي هنوز زيبا است

با حذف عمق در طرح ها و نمادها ديگر عناصر طراحي ساده به نظر مي رسند. اكنون آيكون ها به صورت مسطح  و از اشكال هندسي پايه مانند دايره، مربع و مستطيل استفاده مي كنند و سادگي و سهولت استفاده از رابط كاربر گرافيكي را ارائه مي دهد. 
 -icon-flat-01

وقتي نماد F را در يك مربع آبي قرار مي گيرد، به راحتي  فيس بوك را در ذهن شما تداعي مي كند. وقتي نماد آيكن دنده را مي بينيد، به راحتي مي توانيد حدث بزنيد كه اين يك منوي تنظيمات است.  هنگامي كه شكل يك ديسكت را مي بينيد، به طور خودكار مي دانيد كه اين نماد ذخيره است. يا وقتي يك نامه بزرگ زرد M كه در يك پس زمينه قرمز قرار دارد، هميشه 
مفهوم مك دونالد است. 

typograph-sample

تايپوگرافي در طرح هاي تخت


اين سبك حتي با متون اضافه بيگانه است و بدنبال يك رابط كاربري  كاربر پسند براي خواننده است.  از فونت  واضح با پيام هاي كوتاه استفاده كنيد و آن را با پالت هاي رنگي خاص رنگ آميزي كنيد.  

رنگ در طراحي تخت 

همانطور كه در آموزش هاي تايپوگرافي قبلي ذكر شد، رنگ مهم است.   اساسا  رنگ تمام احساسات سايت يا صفحه شما را تعيين مي كند. در طراحي تخت، بهتر است از رنگ هاي شاداب استفاده كنيد. مي توانند به راحتي با رنگ هاي متضاد ديگر أن را تكميل كنند . اين رنگها به طور معمول # e65d5d يا # c43434 (براي قرمز)، # 7dc692 يا # 508b61 (براي سبز)، # dfbc42 (براي زرد) و # 3498db براي آبي هستند. Flatuicolors.com راهنماي خوبي براي اين كار است. البته در استفاده از زرد روشن، سبز زرد نئون، بنفش و نارنجي روشن و قرمز  روشن اجتناب كنيد.

رنگ پالت براي تخت طراحي

مينيماليسم

مينيماليسم هنر طراحي صفحه  شما  در اصول طراحي تخت است. اين اصل از مجلات و  رسانه هاي چاپي گرفته شده است كه فضاهاي سفيد بيشتر از متن موجب جلوه گري بيشتر مي شود. بسياري از عناصر غير ضروري را دور بريزيد و كاربران را تحت تأثير قرار دهيد. كمتر : بيشتر است. 

sample-typography -flat

برچسب: ،
امتیاز:
 
بازدید:
+ نوشته شده: ۱۸ آبان ۱۳۹۷ساعت: ۰۲:۲۸:۴۷ توسط:طراحي سايت موضوع:

ارسال نظر
نام :
ایمیل :
سایت :
آواتار :
پیام :
خصوصی :
کد امنیتی :