logo
میهمان عزیز خوش آمدید! برای بهره‌مندی از تمام امکانات لطفا وارد حساب کاربری خود شوید ورود یا ثبت نام.

اطلاع رسانی

Icon
Error

گزینه ها
مشاهده آخرین ارسال مشاهده آخرین ارسال خوانده نشده
webone  
#1 ارسال شده : الإثنين, ديسمبر 11, 2017 11:35:53 ق.ظ(ساعت هماهنگ جهانی)
webone

رتبه: Newbie

گروه ها: Registered
تاریخ عضویت: 12/11/2017(ساعت هماهنگ جهانی)
ارسالها: 1
ایران (جمهوری اسلامی)
مکان: تهران

اشتباه برخی کارفرمایان در مورد طراحی گرافیک سایت:
این تصور غلط در بین بعضی کارفرمایان رایج است که باید از همه فضاهای خالی سایت استفاده کنند و کل صفحه نمایشگر را با تصاویر و بنرهای تبلیغاتی پر کنند. در صورتی که طراحی گرافیک سایت با طراحی کاتالوگ و تراکت که تبلیغات چاپی هستند، متفاوت است.
طراحی بر اساس حالت مواد (material design ) :
مدتی پیش گوگل مفهوم جدیدی در طراحی با نام Material Design یا بهتر بگوییم «طراحی مواد» را معرفی کرد که شامل مجموعه ای از راهنمایی ها برای طراحان و توسعه دهندگان است. این رویکرد طراحی، دیدگاه های تازه ای در مورد رابط کاربری، انیمیشن ها و تعامل با کاربر را معرفی میکند و یک پایه مناسب برای طراحی نرم‌افزارها و اپلیکیشن های کاربرپسندتر است.
معرفی متریال دیزاین :
به طور کلی میتوانید طراحی متریال را در دو بخش خلاصه کنید:
مواد و عناصر طراحی
حرکت ها و انیمیشن ها
مواد و عناصر طراحی :
این مواد زمینه طراحی ما را فراهم میکنند به طوری که سطوح و لبه های اشیاء در طراحی متریال برای ما نشانه هایی بصری را ایجاد میکنند. اکنون می خواهیم این نوع طراحی را با زندگی واقعی مقایسه کنیم. ما ابعاد یک اتاق را به خاطر وجود دیوار ها میتوانیم درک کنیم و همچنین چیدمان یک اتاق درک ما را نسبت به آن اتاق شکل میدهد. مثلاً شما به وضوح میتوانید تفاوت بین آشپزخانه و اتاق نشیمن را درک کنید.
این همان اصلی است که در طراحی متریال به کار میرود. ترکیب طراحی و محتوا، بافت طراحی را در فضای دیجیتالی برای کاربر همانند دیوار های فیزیکی و چیدمان اتاق ایجاد میکنند. اکنون کاربر درک بهتری از رابط کاربری دارد چون زبان متریال بافت کاملی را از طراحی رابط ایجاد کرده است.
جهت مشاهده مطالب آموزشی متریال دیزاین کلیک نمایید.
رنگ بندی سایت :
ابزارها و سایت های زیادی برای کمک در انتخاب ترکیب رنگ های بکر و خوب وجود دارد؛ از جمله Adobe Kuler که نرم افزاری است برای همین کار. روش دیگری که میتوانم توصیه کنم جامعه مجازی ColorLovers.com یعنی عاشقان رنگهاست. این وب سایت یک شبکه اجتماعی با موضوع رنگ است و در آن میتوانید رنگ های Solid و ترکیب رنگ های مختلف و الگوهای رنگی متنوعی را که توسط اعضاء این شبکه اجتماعی ساخته شده اند ببینید. میتوانید محبوبترین ها را ببینید یا کلمه خاصی را سرچ کنید تا ترکیب های زیبا و جدید بیشتری را بتوانید ببینید و برای طرح وب سایت خود استفاده کنید.

اما سایت جمع و جور http://ColorSchemeDesigner.com، همه جا و همیشه میتواند در دسترس باشد و امکانات خوبی هم برای ارائه ترکیب‌رنگ های خوب و رنگ های مکمل و متمم و... به طراحان دنیای دیجیتال ارائه میکند. این سایت به نوعی در کنار رنگ های اصلی پیشنهادی، نسخه هایی از رنگ های تیره تر و روشن تر را نیز ارائه میکند تا برای رنگ بندی طراحی سایت خود دست به دامان رنگ های بیشتری نشوید و رنگ بندی شما لطمه نخورد. همچنین این وب سایت گزینه ای دارد برای نمایش یک وب سایت نمونه در رنگ بندی منتخب شما که شاید برای مبتدیان حسابی به درد بخورد.

دیدن وب سایت های حرفه ای و آنالیز رنگ های آن ها هم میتواند مناسب باشد. برای این کار میتوانید به وب سایت هایی نظیر Template Monster یا Theme Forrest بروید و موضوع مورد نظر خود را سرچ کنید تا رنگ بندی های رایج در آن موضوع را ببینید. مثلا وقتی برای فروشگاه اینترنتی سرچ میکنید، متوجه میشوید کمتر قالبی با رنگ بندی تیره و بک گراند سیاه طراحی شده است. یا اگر درباره مد و هنر سرچ کنید، ترکیب رنگ های تیره و باوقار بیشتری را میتوانید پیدا کنید.

اما بهترین و مطمئن ترین راه ، استفاده از پالت رنگ پیشنهادی گوگل است. گوگل در قوانینی که با عنوان متریال دیزاین مطرح کرد این پالت رنگ را ارائه داد که با بررسی آن میتوانید ترکیب رنگی مناسب سایتتان را انتخاب کنید.


استفاده از تصاویر مناسب در طراحی سایت :
در طراحی هر سایتی استفاده از تصاویر الزامی است. در صورت استفاده صحیح از تصاویر، جذابیت سایت برای کاربران افزایش پیدا میکند. در تمامی موارد هدف از قرار دادن تصاویر در طراحی وب سایت، کمک به پیشرفت روند فروش و تولید و ارائه خدمات است.
استفاده از تصاویر میتواند سرعت انتقال پیام را بالا ببرد، به سایت شما زیبایی ببخشد و در نهایت کاربران شما رضایتمندی بیشتری داشته باشند.
نکاتی که باید قبل از ورود تصویر به سایت رعایت کنید:
اولین نکته ای که باید آنرا رعایت نمایید نکته ای ساده و بدیهی است و باید مطمئن شوید که عکس شما در فرمت RGB قرار دارد و نه CMYK چرا که فرمت CMYK بیشتر جهت صنعت چاپ کاربرد دارد و تا هنگامی که قصد نمایش عکس ها را در نمایشگر دارید باید از فرمت RGB استفاده نمایید.
دومین نکته این است که اگر عکس شما در ابعاد بسیار بزرگ باشد و بخواهید آنرا توسط گزینه Save for a Web/Device ذخیره نمایید اخطاری دریافت میکنید مبنی بر اینکه اندازه عکس شما بسیار بزرگتر از موارد نیاز برای ذخیره سازی جهت وب میباشد و فتوشاپ نمیتواند آنرا به بهترین نحو انجام دهد. پس به اندازه و حجم عکس اصلی توجه داشته باشید و انتظار نداشته باشید عکس با حجم ۵۰ مگا بایت و ابعاد بسیار بالا را بتوانید به عکس ۱۰۰ کیلو بایتی با همان ابعاد تبدیل نمایید. پس ابعاد عکس را به ابعاد مورد نظر و کاربردی تبدیل نمایید و حجم بسیار زیادی از عکس های خود را از طریق این کار کسر نمایید.
به طور کلی قبل از ذخیره عکس توجه کنید که هر فرمتی برای بعضی تصاویر مناسب نمیباشد. اگر تصویر شما حالت photo دارد یعنی عکس طبیعی است یا اینکه پراکندگی رنگی آن زیاد است بهتر است که آن را با فرمت jpg ذخیره کنید.
bahramnik  
#2 ارسال شده : الأربعاء, نوفمبر 21, 2018 04:57:20 ب.ظ(ساعت هماهنگ جهانی)
bahramnik

رتبه: Newbie

گروه ها: Registered
تاریخ عضویت: 11/21/2018(ساعت هماهنگ جهانی)
ارسالها: 1
ایران (جمهوری اسلامی)
مکان: تهران

جالب بود ممنونم !
کاربرانی که در حال مشاهده انجمن هستند
رفتن به انجمن  
شما نمی توانید مطلب جدید در این انجمن ایجاد کنید
شما نمی توانید برای مطالب ارسالی پاسخ ارسال کنید
شما نمی توانید مطلب ارسالی خود را حذف کنید
شما نمی توانید مطلب ارسالی خود را ویرایش کنید
شما نمی توانید در مطلب ارسالی خود نظرسنجی ایجاد کنید
شما نمی توانید در این انجمن نظر دهید

ایجاد شده توسط YAF.NET 2.2.3 | YAF.NET © 2003-2019, Yet Another Forum.NET
این صفحه در مدت زمان 0.053 ثانیه ایجاد شد.