کدفرند(دوست برنامه نویس من)
کدفرند(دوست برنامه نویس من)
خواندن ۵ دقیقه·۵ سال پیش

تمرین های مختلف برای تقویت مهارت طراحی و برنامه‌ نویسی

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

۱.یک وب سایت کاملا جدید طراحی کنید

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

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

۲.از یک طرح پیچیده نسخه برداری کنید

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

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

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

۳.از رنگ های جدید استفاده باشید

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

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

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

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

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

۵.یک برنامه آموزشی دنبال کنید

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

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

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

https://codefriend.ir/2020/04/21/تمرین-های-مختلف-برای-تقویت-مهارت-طراحی/


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