5 نکته کلیدی در طراحی سایت

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

اکنون به این مسائل پیش رو بحث تکنولوژی و پیشرفت روزانه آن را که یک طراح باید خود را بروز نگه دارد نیز اضافه کنید. بنابراین در ادامه به 5 نکته کلیدی که هر طراح باید در فاز طراحی سایت به آنها توجه کند خواهیم پرداخت.

فن چاپ

متن مهمترین المان یک طراحی است و تعجبی نیست که چرا این همه مطلب در مورد آن موجود است. مهم است که در این راستا باید به نکات زیر توجه گردد:

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

قابلیت استفاده

طراحی وب سایت تنها برای تصاویر زیبا و جذاب جلوه دادن سایت نیست. بلکه باید رابط کاربری ساده و قابل استفاده بودن را نیز مدنظر بگیرید.

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

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

تراز بندی

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

طراحی جهت ساخته شدن

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

وضوح (Clarity & Sharpness)

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

• لبه های اشکال را به پیکسل معین نمایید.
• مطمئن شوید هر متنی که نوشته شده است با افکت antialiasing صحیح تولید شده است.
• مطمئن شوید Contrast بالا باشد تا مرزهای به خوبی دیده شوند.
• حاشیه ها را بزرگتر کنید تا کمی در وضوح میان اشکال در صفحه مبالغه کرده باشید.

ثبات

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

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

ساده ترین روش برای رسیدن به یک طراحی با ثبات تصمیم گیری زودهنگام در طراحی و پایبند ماندن به آن در طول طراحی است.