bg single
خانه مقاله ها ۳ قانون در طراحی وب سایت که باید نقض شود
product-introduction-image

۳ قانون در طراحی وب سایت که باید نقض شود

comment image 0 دیدگاه
comment image 10 تیر 1397

نویسنده : پشتیبان

دسته بندی : مقاله ها

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

یک تن از قوانین طراحی وجود دارد که در سر شما گیر کرده است. چیزهایی که طراحان ارشد پیشنهاد داده اند، عناصر نظریه طراحی، و یا درس های آموخته شده در کلاس ها در طول راه است. اما شاید واقعا باید برخی از این قوانین را شکست؟ روندهای طراحی و مفاهیم در طول زمان تغییر زیادی می کنند. پیشرفت های تکنولوژیکی، به ویژه، تعدادی از قوانین را تغییر داده اند. طراحی فرآیند در حال تحول است و آنچه که امروز کار می کند ممکن است فردا تغییر کند. با توجه به این موضوع، در اینجا سه قانون طراحی وجود دارد که باید سعی کنید آن را بشکنید.برای اطلاع از معنا و مفهوم بیشتر در این مورد با ادامه مقاله همراه باشید.

 

۱٫ استفاده از Sans Serif برای طراحی وب

underskin - ۳ قانون در طراحی وب سایت که باید نقض شود

wonderbook - ۳ قانون در طراحی وب سایت که باید نقض شود

 

هر طراح وب مورد استفاده قرار می گیرد که شما نیاز به استفاده از فونت sans serif آنلاین داشته باشید. این قانون را بشکنید!
یک ترکیب خوب از فونت های قابل خواندن، معیار جدید است. این شامل serifs، sans serifs و حتی سبک نوشتاری و اسکریپت است. کلید برای انتخاب فونت مناسب (یا نوع پالت) از سبک های قلم که خواندن آسان است انتخاب می کند.
تحقیقاتی وجود دارد که این ایده را نیز پشتیبانی کند. جاکوب نیلسن از گروه Nielsen Norman، که بر تجربه، تحقیق و آموزش کاربر متمرکز است، گفت: صفحه نمایش های بهتر چشم انداز رهنمودهای تایپوگرافی برای طراحی وب سایت را تغییر می دهند. در اینجا نتیجه گیری از این مطالعه است:
دستورالعمل قابلیت استفاده قدیمی برای تایپوگرافی آنلاین ساده بود: به فونت sans-serif تردید کنید. زیرا صفحه نمایش کامپیوترها خصوصا برای رندرکردن Serif ها نا مناسب بود، تلاش نوع Serif در اندازه ی بدنه ی متن به محوشدن اشکال متن منجر شد.
متاسفانه، دستورالعمل جدید به همان اندازه ی نمونه قدیمی صریح نیست. پژوهش خوانا بی نتیجه است که آیا فونت های serif واقعا بهتر از حد sans serif هستند.
تفاوت سرعت خواندن بین serif و sans serif ظاهرا بسیار کوچک است. بنابراین، هیچ راهنمای قوی استفاده در استفاده از یکی یا دیگری وجود ندارد، بنابراین شما می توانید انتخاب بر اساس ملاحظات دیگر – مانند نام تجاری و یا خلق و خوی ارتباط برقرار شده توسط یک سبک تایپی خاص در نظر بگیرید.
بنابراین پیش بروید و قانون قدیمیsans serif را نقض کنید. در اینجا چند چیز است که باید در هنگام فکر کردن در مورد فونت انتخاب شده و یا اینکه آیا این بسیار قابل خواندن است یا نه جستجو کنید:
  • برای عرض های یکنواخت یک وزن متوسط یا منظم انتخاب کنید. نوع کم وزن یا نازک می تواند به سختی خوانده شود.
  • به یک میانگین ارتفاع در راستای x تردید کنید. اجازه دادن به آن فوق العاده لاغر و بلند می تواند با نگرانی قابل خواندن باشد.
  • به دنبال فاصله ای مناسب و کافی از حرف، بدون استفاده بیش از حد از لیگاتورها یاجلوه ها.
  • از قلمهای براق برای بلوک های کوچکی از متن و تنها با قصد مشخص استفاده کنید.
  • برای فونت های serif یا sans serif برای بلوکهای بزرگتر از کپی انتخاب کنید. حروف را با فرمهای مشخصی انتخاب کنید که در یک نگاه آسان است.

 

۲٫از بکگراندهای ضخیم دور بمانید

neverbounce - ۳ قانون در طراحی وب سایت که باید نقض شود

buysell - ۳ قانون در طراحی وب سایت که باید نقض شود

 

برای مدتی آن به نظر می رسد که رنگ های قابل قبول برای یک پس زمینه وب سایت سفید و روشن بدوند. نمی شود!

رنگ های پس زمینه روشن وضخیم، می تواند یک عنصر پس زمینه بزرگ ایجاد کند. رنگ می تواند تاثیر بسیار خوبی بر روی کاربران ایجاد کند، تن را برای طراحی تنظیم می کند و یک راه سرگرم کننده و جالب برای شکستن الگوهای مشابه طراحی قدیمی است.

 

16070100347849394270 - ۳ قانون در طراحی وب سایت که باید نقض شود

 

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

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

در حالی که شما به یک پالت ساده به عنوان استانداردکردن برای ثبات نیاز دارید، در برخی از رنگهای اضافی (و روشن تر) برای پروژه های خاص اضافه کنید. شما مجبور نیستید تمام مواد با نام تجاری خود را طراحی کنید تا زمینه های بنفش یا سبز روشن داشته باشید، اما می توانید چندین مدل مرسوم را به پروژه های مختلف اضافه کنید.

  • یک پوشش عکس رنگی را در نظر بگیرید.
  • یک عنوان با رنگ روشن انتخاب کنید.
  • این پس زمینه بی رنگ را برای چیزی که بیشتر به یاد ماندنی است مبادله کنید.
  • برای دکمه ها یا عناصر تماس از یک رنگ روشن تر استفاده کنید. (همه آنها نباید قرمز یا آبی باشند.)
  • برای تقویت کردن فعل و انفعال، از حالت های هاور رنگ بسته استفاده کنید.

 

۳٫ ایجاد تعادل متقارن

papercast - ۳ قانون در طراحی وب سایت که باید نقض شودoliverg - ۳ قانون در طراحی وب سایت که باید نقض شود

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

نامتقارن می تواند به شما در ایجاد یک علاقه و بینایی بصری بدون یک طراحی تقسیم بندی شده در پایین کمک کند. در حالی که جایی برای تقارن وجود دارد، ایجاد تعادل با وزن، فضا و عناصر که به یکدیگر متقابل می تواند بسیار جالب باشد.
برای به حداکثر رساندن عدم تقارن در پروژه های طراحی، به دنبال ایجاد احساس هارمونی و جریان تصویری باشید:
  • تعادل عناصر و فضا در برابر یکدیگر. یک عنصر سنگین می تواند در هنگام زوج با فضای سفید احساس راحتی کند.
  • یک تاکید به حرکت برای حرکت چشم از طریق طراحی به عنوان پیش فرض در نظر گرفته شده است. در مورد چگونگی خواندن افراد، و شروع با عناصر سنگین تر و متن در سمت چپ، که “حرکت” به سمت راست است فکرکنید.
  • رنگ برای ایجاد نقاط کانونی استفاده کنید.
  • هر چیز را در یک شبکه برای ایجاد حس سازماندهی و جریان در فضا جادهید.
  • توجه به وزن. طرح های نامتقارن نباید احساس نامتقارنی کنند. کاربر باید از طریق محتوا به راحتی حرکت کند. از عناصر استاتیک مانند منو برای ایجاد یک ظرف برای عناصر نامتقارن استفاده کنید.

 

نتیجه گیری

شکستن قوانین طراحی می تواند موجب تحریک … و یا مصبیت آمیز شود. با توجه به اهداف پروژه و طراحی خود، انتخاب درستی را برای آنچه که قانون باید (و هنگامی که) از بین ببرد، انتخاب کنید. چگونه قانون را بشکنید این پروژه بهتر کار می کند؟ آیا قابلیت استفاده، عملکرد یا توانایی کاربر برای درک پیام را افزایش می دهد؟

اگر پاسخ مثبت است، پروژه شما ممکن است بوم کامل برای شکستن یک قانون و تلاش برای چیزی جدید و متفاوت باشد. فقط یک قانون طراحی را نشکنید زیرا خسته کننده می شود. (این واقعا دلیل خوبی برای انجام هر کاری نیست.)

راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام مدرسه گرافیک پلاس عضو شوید.

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای: 0

کلمات کلیدی: _______________
برای ارسال نظر باید ثبت نام / ورود به حساب کاربری کنید.
آخرین دیدگاه های شما
هنوز کسی نظری نداده ! تو اولین نفر باش

هر هفته بهترین مقالات و تخفیف های ویژه را ایمیل می کنیم. برای دریافت، به کلوپ ۲۰۰۰۰ نفری ما بپیوندید.



جشواره فروش ویژه مدت محدود (تخفیف 80%)

0 روز 0 ساعت 0 دقیقه 0 ثانبه!