به دنبال راه هایی برای بهبود خود به عنوان یک طراح وب هستید؟ ما 13 نکته را برای کمک به رشد خلاقانه شما گرد هم آورده ایم.
چه به‌تازگی سفر خود را به‌عنوان یک طراح وب آغاز کرده‌اید یا وب‌سایت‌های بی‌شماری ایجاد کرده‌اید، همیشه می‌توانید هنر خود را بهبود ببخشید.
در اینجا 13 نکته وجود دارد که به شما کمک می کند مهارت های خود را تقویت کنید و کار طراحی خود را تقویت کنید.
1. از طرح های رنگی شلوغ خودداری کنید
با وجود سایه ها و رنگ های فوق العاده زیاد، به راحتی می توان از رنگ ها عبور کرد. اگرچه طرح‌های رنگی روشن و جسورانه سنگ بنای زیبایی‌شناسی بسیاری از طراحان است، اما وقتی رنگ‌های زیادی را خیلی نزدیک به هم قرار می‌دهید، نویز بصری ایجاد شده بر بقیه طراحی وب غلبه می‌کند.
از یک پالت رنگی ساده و رنگ های پس زمینه خنثی استفاده کنید. یک پس‌زمینه کمرنگ باعث می‌شود نمونه‌هایی از رنگ‌ها – مانند رنگ‌های روی دکمه‌های فراخوان، آیتم‌های منو یا سایر عناصر طراحی – برجسته شوند و توجهی را که شایسته آن هستند به خود جلب کنند. گاهی اوقات تنها چیزی که نیاز دارید یک پس زمینه ساده سفید، سیاه یا خنثی است.
این وب سایت برای آرایشگر Emi Styles که در Webflow ساخته شده است، نمونه ای عالی از این است که چگونه یک طرح رنگی ساده می تواند حس آرامش و نظم را ایجاد کند. برای درک بهتر نحوه استفاده از رنگ در طراحی وب خود، تئوری رنگ را مطالعه کنید تا به شما در تصمیم گیری بهتر در مورد طرح های رنگی خود کمک کند.
2. در تصاویری که اضافه می کنید کمی فکر کنید
عکس‌هایی که در طرح‌بندی طراحی وب ادغام می‌شوند تأثیر زیادی بر ظاهر و احساس کلی یک وب‌سایت دارند. تصاویر ضعیف با فوکوس مبهم و ترکیب بندی مشکوک می توانند حتی درخشان ترین طرح ها را کاهش دهند. عکس‌های استوک عمومی می‌توانند عمر یک طرح را کاهش دهند و آن را بی‌هوده و بی‌الهام کنند.
استفاده از عکس های باکیفیت یک راه ساده برای بهبود طرح های شماست.
اگر می خواهید از عکس های استوک استفاده کنید، گزینه های عالی زیادی وجود دارد. اما فقط آنها را در طرح های خود آنطور که هستند قرار ندهید. مطمئن شوید که آنها را برش داده و ویرایش کرده اید. از فیلترها استفاده کنید، میزان اشباع را تنظیم کنید، گرما را تغییر دهید، کنتراست را افزایش دهید، و از تکنیک‌های دیگر ویرایش عکس استفاده کنید تا تصاویر با هماهنگی طراحی وب سازگارتر شوند.
علاوه بر این، مطمئن شوید که هر تصویری که انتخاب می‌کنید با محتوایی که با آن ظاهر می‌شود مطابقت داشته باشد. اگر عکسی اصلاً به بخشی که در آن قرار داده شده مربوط نیست، ممکن است لازم باشد عکسی را پیدا کنید که با محتوا مطابقت بیشتری داشته باشد.
در نهایت، به انواع فایل هایی که استفاده می کنید توجه کنید. تفاوت بین JPG و PNG را بدانید. پیاده سازی انواع فایل های صحیح می تواند تفاوت زیادی در سرعت بارگیری صفحات شما ایجاد کند.
3. در مورد سئو اطلاعات کسب کنید
ما می دانیم که شما خود را وقف هنر طراحی وب نکرده اید تا از بهینه سازی موتورهای جستجو اذیت شوید. اما نحوه چیدمان یک طراحی وب می تواند تاثیر زیادی بر سئو داشته باشد.
به عنوان یک طراح وب، چند نکته که باید در مورد بهینه سازی موتور جستجو بدانید عبارتند از:
نحوه استفاده صحیح از تگ های هدر مانند <h1>، <h2> و <h3>
چگونه بخشی از یک پیوند که یک صفحه خاص را شناسایی می کند – با نام مستعار – می تواند بر رتبه بندی جستجوی ارگانیک تأثیر بگذارد
نحوه بهینه سازی تصاویر برای سرعت بخشیدن به زمان بارگذاری و کاهش نرخ پرش – که درصد بازدیدکنندگانی است که فقط یک صفحه را در سایت شما مشاهده می کنند و سپس بدون انجام هیچ اقدامی دور می شوند.
البته، ما نمی توانیم پیچیدگی های سئو را به سه نکته تقسیم کنیم.
4. از طراحی واکنشگرا استفاده کنید
دستگاه های زیادی با اندازه های مختلف صفحه نمایش وجود دارد. مهم نیست که شخصی چگونه به طراحی وب شما دسترسی دارد، بدون توجه به اینکه در چه چیزی مشاهده می شود، باید تجربه مشابهی را ارائه دهد. به جای تلاش زیاد برای انیمیشن های بسیار پیچیده و افکت های شناور که ممکن است در هر دستگاهی کار نکنند، بهتر است این زمان را صرف بهبود UI و UX برای همه کنید.
پیروی از اصول طراحی ریسپانسیو به این معنی است که وب سایت شما کاربرپسند خواهد بود و تجربه ای بهینه را در دستگاه های دسکتاپ و تلفن همراه ارائه می دهد.
برای کسب اطلاعات بیشتر، مطالب دوره ما “معرفی طراحی واکنشگرا” را بررسی کنید تا به شما در درک نحوه دسترسی بیشتر به طرح های خود کمک کند.
5. تایپوگرافی را ثابت نگه دارید
وقتی به خواندن کتاب می نشینیم، انتظار داریم که هر صفحه از نظمی پیروی کند. متن به همان اندازه خواهد بود، با فاصله دقیق تنظیم می شود و از همان قالب تکراری پیروی می کند. این حس هماهنگی ما را درگیر می‌کند و تجربه‌ای بی‌وقفه در خواندن از طریق صفحات کتاب ارائه می‌دهد.
به طور مشابه، تایپوگرافی در طراحی وب نیز باید دارای حس نظم و ثبات باشد. سرصفحه ها، متن اصلی، پیوندها و سایر متن ها باید از یک صفحه به صفحه دیگر یک وب سایت یکسان باشد. علاوه بر این، بالشتک، فاصله خطوط، اندازه، رنگ و وزن باید برای یک نوع محتوا یکسان باشد.
ما طرفداران راه اندازی یک صفحه راهنمای سبک جهانی برای هر وب سایتی که ایجاد می کنید هستیم. با انجام این کار، می توانید مطمئن شوید که تایپوگرافی در یک طراحی وب سازگار است.
به عنوان مرجع، مدیر سبک Webflow یک ابزار مفید برای مدیریت سبک های متن مانند سرصفحه ها و کپی متن است – که پیگیری همه سبک های متنی را که دارید آسان می کند.
6. تنوع و شمول را در ذهن داشته باشید
افرادی که در صفحه اصلی فرود می آیند از پیشینه ها، قومیت ها، جنسیت ها، توانایی ها و سنین مختلف هستند. یک طراح وب خوب بودن به معنای ایجاد یک تجربه کاربری دلپذیر برای همه است. هنگام انتخاب عکاسی و تصویرسازی شخصیت، مطمئن شوید که آنها نشان دهنده افراد از طبقات مختلف زندگی هستند.
ما در گذشته برای پابلو استنلی سازنده تصویرسازی شخصیت رایگان Humaaans ستایش کرده ایم. این یک راه ساده برای پر کردن طرح خود با طیف وسیعی از افراد است.
7. به عنوان یک طراح مشخص کنید که چه کسی هستید
این غیرمعمول نیست که طراحان مجموعه مهارت های چند وجهی داشته باشند که شامل UI، UX و سایر جنبه های ایجاد وب می شود. یک طراح وب به ندرت هنگام کار روی پروژه ها تمرکز خاصی دارد.
با این حال، از آنجایی که جنبه های مختلفی برای طراحی وجود دارد، کار غیرممکن است که در همه چیز مهارت داشته باشید. برای طراحان مهم است که جنبه هایی از طراحی را دنبال کنند که برای آنها هیجان انگیز و جالب است. طراحان خوب می‌دانند که داشتن تخصص‌ها و متخصص شدن در آن تخصص‌ها، به متمایز کردن کارشان کمک می‌کند و آنها را برای مشتریان بالقوه جذاب‌تر می‌کند.
اگرچه بسیاری از طراحان در اوایل کار خود در حال جهش از یک نوع پروژه به پروژه دیگر هستند، با پیشرفت، رشد و درون نگری، یافتن جایگاه آسان‌تر می‌شود.
برای شروع، بفهمید که چه نوع کسب و کار یا مشتریانی شما را از کار کردن با آنها خوشحال می کند. اگر به همه چیزهای فناوری علاقه دارید، ممکن است بخواهید به دنبال شرکت های SaaS، استارت آپ ها و سایرین در حوزه دیجیتال باشید. اگر اهل غذاخوری هستید، ممکن است طراحی وب سایت رستوران ها را برای قدردانی از آشپزی خود مناسب بیابید.
تعریف خود به عنوان یک طراح به زیبایی شناسی هنری شما نیز گسترش می یابد. چه از طراحی های مینیمالیستی با دقت لذت ببرید و چه دوست دارید با طراحی انتزاعی و مفهومی مرزها را کنار بگذارید، مطمئن شوید که صدای طراحی منحصر به فرد خود را دارید.
دانستن اینکه چه کسی به عنوان یک طراح هستید، پیدا کردن پروژه هایی که می خواهید روی آنها کار کنید و افرادی که می خواهید با آنها کار کنید را آسان تر می کند. همچنین به شما این امکان را می دهد که پروفایل و نمونه کارها متمرکز لینکدین داشته باشید و به مشتریان بالقوه اجازه می دهد استعدادهای شما را فوراً تشخیص دهند.
8. یک طراح را راهنمایی کنید
تبدیل شدن به یک مربی تنها راهی برای کمک به یک طراح مشتاق نیست – همچنین می تواند نقد بهتر طرح های خود را آسان تر کند.
مربی بودن چیزی فراتر از ارائه نکات طراحی وب سایت است. این به این معنی است که می‌توانید مشکلی را که ممکن است یک نفر داشته باشد تجزیه و تحلیل کنید و توضیح دهید که چرا کار نمی‌کند، و همچنین گام‌هایی که می‌توانند برای بهبود آن بردارند. توجه به کار دیگران و تمرین بخش تحلیلی مغز، ارزیابی طرح های خود را برای شما آسان تر می کند.
9. مطالعات موردی را بنویسید
مطالعات موردی باید بخشی از وب سایت نمونه کار طراحان وب باشد، اما بسیاری از آنها از ایجاد آنها صرف نظر می کنند. در حالی که آنها کمی زمان و تلاش می گیرند، مطالعات موردی می توانند به طرق مختلف به شما کمک کنند.
مطالعات موردی چیزهای زیادی به یک نمونه کار اضافه می کند. بازدیدکنندگان وب‌سایت نگاهی عمیق به فرآیند شما می‌کنند، نحوه برخورد شما با حل مسئله را می‌بینند و درک بهتری از شخصیت شما به عنوان یک طراح ایجاد می‌کنند.
نگاهی دقیق به کار خود به عنوان یک طراح وب همچنین به شما کمک می کند تا بهتر بفهمید چه کاری را درست انجام می دهید و مناطقی را که ممکن است نیاز به بهبود داشته باشید را شناسایی کنید. مطالعات موردی به عنوان یک آرشیو دقیق از کار شما وجود دارد و یک رکورد عالی از پیشرفت شما است.
10. اصول طراحی وب را بدانید
شهودی که تصمیم گیری طراحان ماهر را هدایت می کند از دانستن اصول طراحی ناشی می شود.
برای یادگیری اصول UI، UX، تایپوگرافی، ترکیب بندی و تئوری رنگ وقت بگذارید. سلسله مراتب بصری، مبانی نظریه گشتالت و نسبت طلایی را درک کنید. در جنبه های مغزی تر طراحی غوطه ور شوید تا بتوانید این درس ها را در کار خود عملی کنید.
11. از کار خود بازخورد و نقد بهتری بخواهید
شنیدن اینکه چه کاری را درست انجام می دهید رضایت بخش است. اما برای رشد به عنوان یک طراح وب نیاز به انتقاد سازنده دارید.
دریافت بازخورد مناسب با شما آغاز می شود.
به مردم اجازه دهید بدانند چه نوع بازخوردی را می‌خواهید. کمی اطلاعات زمینه ای در مورد پروژه و همچنین اهداف آن به آنها بدهید. آنها را با تمام جزئیاتی که برای تجزیه و تحلیل کار شما نیاز دارند آماده کنید.
برخی از سوالاتی که ممکن است از افرادی که طراحی وب شما را نقد می کنند بپرسید عبارتند از:
آیا می توان محتوا را برای بهبود خوانایی بهتر سازماندهی کرد؟
آیا عملکرد UI منطقی است؟
آیا سلسله مراتب بصری کار می کند؟
برای بهبود قابلیت استفاده چه کاری می توان انجام داد؟
آیا هیچ عنصر مهمی از صفحه را از دست داده است؟
آیا این وب سایت از دستورالعمل های طراحی وب واکنش گرا پیروی می کند؟
آیا این وب سایت توجه بازدیدکنندگان را حفظ خواهد کرد؟
و البته، فقط از طراحان بازخورد نخواهید. بازاریابان، نویسندگان محتوا، و حتی دوستان و خانواده شما همگی افراد خوبی هستند که می توانید برای بازخورد به سراغ آنها بروید.
12. الهام بخش باشید
گیر افتادن در خلاء کار و وارد شدن به یک مسیر طراحی آسان است. برای جلوگیری از رکود خلاقانه، ذهن خود را با طراحی‌های وب که شما را هیجان زده می‌کنند، پر کنید.
آنچه را که در Awwwards، Behance، Dribbble و Webflow Showcase می‌گذرد، بررسی کنید. طراحان وب مورد علاقه خود را در رسانه های اجتماعی دنبال کنید و تمام طراحی های وب عالی را که می توانید انجام دهید.
13. روی پروژه های آزمایشی طراحی وب کار کنید
چرا چیزی غیرعادی ایجاد نمی کنید؟ به خودتان فشار بیاورید تا چیزی عجیب یا غیرعادی بسازید. وب سایتی را انتخاب کنید که در آنجا وجود دارد و با طراحی مجدد مرزی خود بیایید. هر طراح خوب می داند که رفتن به خارج از منطقه راحتی شما را مجبور می کند که به کار طراحی خود به گونه ای متفاوت برخورد کنید.
و از شکست خوردن نترسید. ورود به مناطق طراحی ناشناخته همیشه به طرحی ختم نمی شود که دوستش خواهید داشت. نکته مهم در مورد این نوع پروژه های شخصی این است که حتی اگر شکست بخورید، هیچ کس مجبور نیست آن را ببیند.
همیشه به یادگیری ادامه دهید
طراحی وب به طور مداوم در حال تکامل است، که آن را به یک پیگیری بسیار مفید تبدیل می کند. همیشه ابزارهای جدید و تکنیک های جدید طراحی وجود دارد. برای حفظ مهارت ها و بهبود مهارت های خود چه می کنید؟ در قسمت نظرات پایین ما را آگاه کنید!
