توسعه دهنده گان
موضوعات داغ

۶ قدم برای داشتن یک طراحی قالب وب

وقتی طراحی قالب وب سایت انجام می شود, چندین اشتباه معمول اتفاق میافتد, مخصوصا در مورد طراحان تازه وارد این مورد شایع است. در این مقاله ی ۱۶ قدم برای داشتن یک قالب کامل, ما چیزهایی رو که هر سازنده ی وب سایت باید قبل از شروع پروژه جدید بداند, رو پوشش میدیم و مطرح می کنیم که با توجه به چه نکاتی در طول فرآیند ساخت از این اشتباهات جلوگیری کنند.

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

۰۱ – معنی موفقیت را تعریف کنید

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

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

۰۲ – ابتدا افکارتون رو روی کاغذ بیارید

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

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

۰۳ – یک چارچوب سطح بالا طراحی کنید

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

اگر شما با این دید به طراحی خود نزدیک شوید, شما یک درک تمیزتر از خروجی که مد نظر دارید به دست خواهید آورد.

۰۴ – افزودن یک شبکه (grid)

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

۰۵ – انتخاب تایپوگرافی مناسب

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

۰۶ – تم رنگ سایت رو انتخاب کنید

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

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

منبع

برچسب ها
نمایش بیشتر

نوشته های مشابه

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا
بستن