طراحی وب سایت

طراحی اولیه سایت طراح وب! آیا این عنوان واقعا یک حرفه و عنوان شغلی است یا فقط یک نام دهن‌پرکن است؟ در پاسخ باید بگویم که طراحی وب فقط نامی جذاب نیست بلکه یادگیری آن می‌تواند شما را به سمت حرفه‌ای هیجان‌انگیز و خارق‌العاده ببرد؛ به‌ویژه اگر عاشق حل مسئله باشید و خلاقیت روش شما باشد.

اما شمایی که در تازه در مسیر طراحی سایت قدم گذاشته‌اید یا هنوز قدمی برنداشته‌اید ممکن است کمی گیج و سردرگم باشید. شاید با خودتان فکر کنید: اصول طراحی سایت چیست؟ طراحان وب چه می‌کنند؟ شاید حتی بپرسید: اصلاً طراحی وب چیست؟ (بله ما هم زمانی در همین مرحله بودیم.)

اصول طراحی سایت

وقتی به این نتیجه می‌رسید که طراحی وب، حرفه‌ی مناسب شماست یا نه لازم است به سؤالات مهم‌تری جواب دهید: واقعاً لازم چه چیزهایی را بدانید؟ لازم است کد نویسی یاد بگیرید؟ چه ابزارهایی باید داشته باشید؟ آیا لازم است بدانید مشتری‌ها را چطور باید مدیریت کرد؟

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

 

نکته
ابتدا در مورد جنبه‌های فنی شغل طراح وب صحبت می‌کنیم سپس برخی مهارت‌های مدیریتی را توضیح می‌دهیم. تمام این اختصارها و عبارات عجیب می‌تواند ترسناک به نظر بیاید اما اگر با معنی آن‌ها آشنا شوید و مقالات دیگر آران را هم بخوانید خیلی راحت (و البته مفرح!) خواهند بود.

1- طراحی بصری یاد بگیرید

برای تبدیل‌شدن به یک طراح وب لازم است دانش طراحی داشته باشید؛ اما طراحی بصری با آنچه قبلا از طراحی بصری در ذهن دارید کمی متفاوت است.

در این مورد اصول طراحی همان چیزی است که ظاهر و روح سایت را تشکیل می‌دهد. این اصول شامل نسبت‌ها، تایپوگرافی، سیستم گرید (Grid) و تئوری رنگ‌ها است؛ به‌عبارت‌دیگر، طراحی بصری، شما را در خلق مودبوردها (moodboards)، نحوه استفاده از فونت‌های مناسب وب و پالت رنگی راهنمایی می‌کند.

2- یو ایکس (UX) یا تجربه کاربری را بیاموزید

یو ایکس مخفف user experience یا تجربه کاربر است؛ به این معنی که وقتی شخصی از یک وب‌سایت بازدید می‌کند چه حسی (لذت، آرامش، ناامیدی و غیره) به او دست می‌دهد.

از همه مهم‌تر یو ایکس یعنی نزدیک کردن طراحی‌هایتان به دیدگاه کاربر؛ یعنی چگونه می‌توانید یک وب‌سایت را طوری طراحی کنید که به کاربر همان چیزی را بدهد که نیاز دارد.

برای انجام این کار لازم است در مورد کاربران خود تحقیق کنید و پرسونا ایجاد کنید (خلاصه مشخصات مخاطب هدف فرضی). سپس صفحات و نقشه سایت را تدوین می‌کنید. مسیری را که کاربران در سایت شما پیش می‌گیرند در جریان کاربری تعیین می‌کنید (مثلاً آیا همیشه مستقیماً برای رسیدن به شبکه‌های اجتماعی کلیک می‌کنند؟ یا اینکه فقط به دنبال اطلاعات تماس هستند؟).

3- با طراحی نرم‌افزار آشنا شوید

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

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

4- اچ‌تی‌ام‌ال (HTML) یاد بگیرید

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

اچ‌تی‌ام‌ال عبارت اختصاریافته‌ی زبان نشانه‌گذاری ابرمتنی (Hyper Text Markup Language) است که یعنی زبان کد نویسی که از آن برای قرار دادن محتوا در صفحه‌ی وب استفاده می‌شود و به آن صفحه ساختار می‌دهد.

این یعنی نحوه‌ی تبدیل کلمات به عناوین، پاراگراف، پانویس و همچنین نحوه‌ی قرار دادن محتواهایی مثل تصاویر، ویدئوها و گرافیک‌ها در وب‌سایت‌ها.

5- سی‌اس‌اس (CSS) یاد بگیرید

حالا نوبت به همکار و همراه اچ‌تی‌ام‌ال می‌رسد که همان سی‌اس‌اس یا برگه‌های پشت سرهم و مشبک (Cascading Style Sheets) است.

سی‌اس‌اس، کدهایی است که به جستجوگرها می‌گوید چگونه اچ‌تی‌ام‌ال را برای یک صفحه وب فرمت‌دهی کنند و به آن سبک بدهند؛ به‌عبارت‌دیگر چیزی است که باعث می‌شود تمام متن‌ها و دیگر محتواها خوب و زیبا به نظر برسند.

با سی‌اس‌اس می‌توانید رنگ‌ها را تنظیم کنید، فونت‌ها را تغییر دهید یا پس‌زمینه‌ای شگفت‌انگیز اضافه کنید؛ حتی می‌توانید کارهای دیگری را نیز انجام دهید.

اینجا دقیقاً همان مرحله‌ای است که مهارت طراحی شما مورداستفاده قرار می‌گیرد و می‌توانید ردپای خلاقانه خود را در هر سایتی که خلق می‌کنید به‌جا بگذارید.

6- حالا نوبت جاوا اسکریپت است

درحالی‌که می‌توانید طراحی‌هایتان را تنها با استفاده از اچ‌تی‌ام‌ال و سی‌اس‌اس انجام دهید اما اگر بتوانید با جاوا اسکریپت هم کارکنید در این زمینه رقابتی یک‌قدم جلو هستید.

جاوا اسکریپت به شما اجازه می‌دهد مؤلفه‌های استاتیک سایت‌تان را تعاملی کنید؛ مثلاً به وب‌سایت‌هایی که وقتی وارد آن‌ها می‌شوید ظاهر متفاوتی دارند و زیباتر از دیگر سایت‌ها به نظر می‌رسند را نگاه کنید؛ اسلایدرها، بلوک‌های متحرک، کاروسل‌ها و غیره با استفاده از این زبان به وجود می‌آیند.

 

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

7- مدیریت زمان

صرف‌نظر از اینکه می‌خواهید طراحی سایت را برای آزادکاری (فری‌لنسینگ) یاد بگیرید یا برای کار در شرکت لازم است همیشه روی زمان‌بندی و پروژه‌های خود کنترل داشته باشید تا طراح سایت متمایزی شوید.

این یعنی آشنا شدن با اپلیکیشن‌های بهره‌وری مثل فهرست وظایف، تقویم‌ها یا به‌ویژه اگر در سازمانی بزرگ هستید یادگیری کار با ابزارهای ره‌گیری پروژه مثل ترلو (Trello) یا جیرا (JIRA).

صرف‌نظر از اینکه از چه ابزاری استفاده می‌کنید باید بدانید تسلط بر هنرِ اولویت‌بندی و ره‌گیری کارهایتان در دنیای شلوغ طراحی وب برای موفقیت (و سلامت روانی) شما ضروری است.

8- ارتباطات

در تعامل بودن و ارائه‌دادن ایده جزء اصول طراحی سایت است که یک طراح وب باید یاد بگیرد. بدون داشتن ارتباطات و آداب معاشرت عالی نمی‌توانید از طراحی سایت درآمدی کسب کنید.

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

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

9- با سئو/ بازاریابی دیجیتالی/ رسانه‌های اجتماعی آشنا شوید

ممکن است این‌طور به نظر برسد که مجموعه مهارت‌های سئو (بهینه‌سازی موتور جستجو)، بازاریابی دیجیتالی و رسانه‌های اجتماعی بیشتر مناسب فروشنده‌هاست تا اینکه از اصول طراحی وب‌سایت باشد.

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

دانستن مقدمات هرکدام و به یاد سپردن آنها برای سایت خودتان یا مشتری‌هایتان شما را در مسیر طراحی وب‌سایت بسیار جلو می‌اندازد.

10- مدیریت کسب‌وکار/ مشتری را یاد بگیرید

دانستن میزان درآمد به‌عنوان یک کارمند یا آزادکار کمک می‌کند که مطمئن شوید شرکتتان سودآور است و می‌تواند دوام بیاورد.

لازم نیست مدرک مدیریت کسب‌وکار (MBA) بگیرید اما باید درکی حداقلی در مورد اهداف و مسائل مالی کارفرما یا کسب‌وکار خودتان داشته باشید تا بتوانید از آن برای هدایت مسیر شغلی‌تان استفاده کنید.

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

نتیجه

در این مقاله اصول طراحی سایت را برای شما نام بردیم و توضیح دادیم. در واقع با دانستن این 10 اصل می‌توانید تبدیل به یک طراح وب شوید و پس از مدت کوتاهی شغل خوبی پیدا کنید. اما به خاطر داشته باشید که دائما مطالعه کنید و نکات جدیدی یاد بگیرید. مقاله‌های آران را بخوانید و خودتان را به‌روز نگه دارید.

چنانچه نظرات دیگری دارید یا می‌خواهید یک اصل به این ده اصل اضافه کنید کامنت بگذارید!

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

بدون دیدگاه

دیدگاهتان را بنویسید

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