مجله خبری هاست ایران » طراحی و توسعه » ۷ چالش برای تقویت مهارت‌های طراحی و برنامه‌نویسی
طراحی و توسعه طراحی وب

۷ چالش برای تقویت مهارت‌های طراحی و برنامه‌نویسی

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

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

همه هدف اجرای چالش تازه درواقع انجام دادن روند طراحی با روشی جدید است که تابه‌حال از آن استفاده نکرده‌اید. نفس «تغییر» الزاماً مفید نیست اما آزمودن روش‌ها و کارهای تازه باعث رشد دانش و تجربیات طراحان می شود. پیش از آنکه همه چالش‌های پیشنهادی‌ را به شما معرفی کنیم باید بگوییم که لطفاً در صورت امکان هیچ‌کدام را روی وب‌سایت یا پروژه رسمی و جدی مشتریانتان اجرا نکنید؛ مگر آنکه کاملاً مطمئن باشید آن‌ها با این روند امتحان نشده هیچ مشکلی ندارند.

۱ – یک وب‌سایت کاملاً تازه بسازید

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

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

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

۲ – رنگ‌های همیشگی را تغییر دهید

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


مقاله مرتبط: ١٢ وب سایت کاربردی برای انتخاب رنگ بندی مناسب


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

۳ – از یک طراحی پیچیده و دشوار دیگر نسخه‌برداری کنید

البته منظور ما نسخه‌برداری کامل و دقیق از روی وب‌سایت یک طراح دیگر نیست. ابتدا یک وب‌سایت پیدا کنید که طرح‌بندی یا طراحی زیبا اما پیچیده داشته باشد. سپس سعی کنید آن را بدون مشاهده کدهای سورس، دوباره طراحی کنید. این طراحی باید از جزء به‌کل باشد یعنی ابتدا مهم‌ترین و بزرگ‌ترین عناصر طرح‌بندی آن را بررسی کنید تا متوجه شوید شما چگونه می‌توانید همان بخش‌ها را خودتان طراحی و برنامه‌نویسی کنید. این روش را روی وب‌سایت‌های فعال امتحان نکنید بلکه به آن به‌عنوان تمرینی برای تقویت زبان‌های برنامه‌نویسی HTML/ CSS/ JS بنگرید.

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

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

۴ – با استفاده از ابزارهای تازه یک وب‌سایت کاملاً جدید طراحی کنید

Web-Design-Challenges1

اگر به طراحی با کمک Foundation عادت کرده‌اید، حالا از Bootstrap یا یک فریم ورک شناخته‌نشده دیگر استفاده کنید. هدف درواقع این است که از یک پیش پردازنده دیگر بهره ببرید؛ یک CMS متفاوت دیگر امتحان کنید و اصلاً «مدیر فایل» یا «ویرایشگر متن» را تغییر دهید. اگر برنامه‌نویس حرفه‌ای هستید و دلتان یک چالش جدی و دشوار می‌خواهد، فریم‌ ورک محبوب JS قبلی‌ را فراموش کنید و خودتان را با یک نسخه دیگر محک بزنید.

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

۵ – روش های تازه را در زمینهٔ برنامه‌نویسی و طراحی امتحان کنید

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


مقاله مرتبط: ١٠ سایت قدرتمند برای پاسخگویی به سؤال‌های برنامه نویسی


اگر طراح Front-End هستید، احتمالاً باید یک روش متفاوت و تازه در برنامه‌نویسی CSS را امتحان کنید.

۶ – یکی از طراحی‌های قبلی خودتان را بهینه‌سازی کنید

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

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

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

۷ – یک برنامه آموزشی دنبال کنید (دشوارترین راه ممکن!)

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

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