خیلی‌ها از من می‌پرسن راز طراحی‌های فوق‌العاده‌م چیه؟
چطور می‌تونم طراحی‌های عالی خلق کنم؟
و جواب من همیشه همونه
واقعاً هیچ رازی وجود نداره
تمام کاری که می‌کنم اینه که اون چیزایی که از طراحی‌های دیگه دوست دارم رو کپی می‌کنم
و این همون چیزی‌یه که بهش می‌گن «دزدیدن مثل یک هنرمند»
حالا بیایید پنج دقیقه باهم ببینیم که من چطور این کار رو انجام می‌دم
خب طبیعتاً وقتی می‌خوایم یه طراحی مشخص خلق کنیم
هنوز هم باید به همه چیزایی که
تا الان در موردش صحبت کردیم توجه کنیم
مثل انتخاب شخصیت سایت
و فکر کردن در مورد تمام عناصر مختلف طراحی
با استفاده از راهنماها و قواعدی که
برای هرکدوم یاد گرفتیم
و همه این‌ها عالیه و واقعاً
خیلی مهم و ضروریه
ولی هنوز یه چیزی کم داریم
و اون قسمت گمشده
همون چیزی‌یه که همون اول این درس گفتم
که در واقع یعنی الهام گرفتن و دزدیدن مثل یه هنرمند
حالا منظورم از «دزدیدن مثل یک هنرمند» چیه؟
خب در واقع «دزدیدن مثل یک هنرمند» یعنی
که ما طراحی یه سایت رو کاملاً کپی نمی‌کنیم
کاری که می‌کنیم اینه که قسمت‌های خوب یه طراحی رو برمی‌داریم
یا معمولاً از چند طراحی خوب که دوست داریم و بعد
به سادگی اون‌ها رو با نیازهای خودمون تطبیق می‌دیم و دوباره از همه
قواعد و دستورالعمل‌هایی که تا الان یاد گرفتیم استفاده می‌کنیم
و در واقع تو بخش بعد هم بیشتر یاد می‌گیریم
پس گرفتن کلی الهام از سایت‌های خوب و طراحی شده
واقعاً خیلی مهمه
اگه می‌خواید طراحی خودتون رو بسازید
خب بذارید الان نشون بدم که من چطور این کار رو می‌کنم
من دوست دارم از چند سایت جمع‌آوری طراحی استفاده کنم
که همیشه پر از طراحی‌های عالی هستن
و مهم‌ترین منابع الهام من
سایت Land-bookcom هست.
One Page Love
و بعد اینجا
توی تب الهام
awwwardscom که یه سایت خیلی معروفه
که به سایت‌های دیگه جایزه می‌ده
برای طراحی خلاقیت و نوآوری‌شون
پس اینجا می‌تونیم بریم تو بخش کالکشن‌ها و بعد
از اینجا می‌تونیم سایت‌ها رو انتخاب کنیم
ولی طبیعتاً مثل همیشه همه این چهار سایت که من
استفاده می‌کنم تو صفحه منابعم هستن به همراه چند سایت دیگه
و بعدش هم از screenlanecom استفاده می‌کنم
برای قطعات و اجزای جداگانه
پس بیایید سریع یه نگاه بندازیم ببینیم چطور کار می‌کنن
و فرض کنیم می‌خوایم یه نوع طراحی
برای یه استارتاپ که برامون استخدام شدن بسازیم
پس ما قبلاً می‌دونیم که می‌خوایم از این شخصیت استارتاپ
و شاد و پرانرژی استفاده کنیم
و همونطور می‌دونیم چطور هر
عنصر طراحی رو مطابق با اون شخصیت اعمال کنیم
ولی حالا طبیعتاً باید یه کم الهام بگیریم
پس دوباره
این سایت‌های الهام وارد عمل می‌شن
پس چون دنبال صفحات استارتاپ هستیم
بیایید اون‌ها رو تو این سایت‌ها جستجو کنیم
خب این یکی شبیه صفحه یه استارتاپه
می‌تونیم روش راست کلیک کنیم و تو یه تب جدید بازش کنیم
و بعد ادامه بدیم
در واقع این یه جریان بی‌پایان از صفحات خیلی
خوب طراحی شده‌ست که دائماً آپدیت می‌شن
مثلاً این یکی چهار روز پیش اضافه شده 6800:03:50,400... > 00:03:54 ,090 و بله اون‌ها همیشه دارن طراحی‌های جدید
جدید و جدید اضافه می‌کنن
البته سایت شما ممکنه وقتی دارید این ویدیو رو تماشا می‌کنید متفاوت باشه
شاید کل سایت هم متفاوت باشه
یا حتی ممکنه دیگه وجود نداشته باشه
ولی نکته اصلی اینه که
ما باید از اون‌ها الهام بگیریم
و اگر این سایت Lend-book نیست ممکنه One Page Love باشه
یا هر سایت دیگه‌ای که در صفحه منابع من هست
ولی به هر حال این یکی به نظر یه شخصیت آرام میاد
این یکی هم ممکنه همینطور باشه شاید با کمی مینیمالیسم درش
من مطمئن نیستم
برای تحلیل دقیق‌تر نیاز به زمان بیشتری داره
ولی نکته اینه که
شما می‌تونید ادامه بدید و الهام لازم رو بگیرید
این یکی واضحاً به نظر صفحه یک استارتاپ میاد
پس بیایید این رو باز کنیم
و بله فکر کنم کافیه
بریم سراغ یکی دیگه
ولی معمولاً من وقت زیادی اینجا می‌گذرونم
روی هر صفحه و شاید 203050
در صورت نیاز سایت‌های دیگه رو باز کنم تا الهام بگیرم
پس این یکی هم ممکنه یه استارتاپ دیگه باشه
اینجا لینک صفحه رو پایین داریم
این یکی هم به نظر یک استارتاپ میاد
خب فقط بذارید کنار بگذاریم
اینجا انواع طراحی‌های مختلف داریم
طرح‌هایی که توی Awwwards پیدا می‌کنیم
خیلی خلاقانه‌تر و تجربی‌تر هستن
پس پیدا کردن چیزی که دنبالشم سخت‌تره
ولی وقتی پیداش کردیم
کیفیت طراحی واقعاً بالاتره
و ما می‌تونیم اینا رو فیلتر هم کنیم
مثلاً روی محبوب‌ترین‌ها
و حتی یه تگ مخصوص فقط برای استارتاپ‌ها داریم
اینجا یه نمونه دیگه داریم
و نکته اینه که ببینید چطور کار می‌کنه
پس بیاید چند سایت رو بررسی کنیم
من این کامپوننت هدر رو دوست دارم
این یکی هم جالبه
من قبلاً همچین چیزی ندیده بودم
این واقعاً خلاقانه است
باشه
ولی به طور کلی چیز خیلی خلاقانه‌ای نیست
ولی باز هم هدف اینه که یه الهام کلی بگیریم
این واقعاً خلاقانه است
باشه
ولی به طور کلی چیز خیلی خلاقانه زیادی اینجا نیست
خب
ولی باز هم هدف اینه که یه الهام کلی بگیریم
و یه ذهنیت کلی از اینکه
الان در طراحی چه چیزهایی استفاده می‌شه داشته باشیم
شاید حتی هیچ چیز خاصی از این صفحات بر ندارید
ولی چیزی که مهمه بیشتر اینه که
ذهن خودتون رو به یه حالت خاص برسونید
یه حالت مشخص که توش
بعد از اینکه صد تا طراحی دیدید
ساختن طراحی خودتون براتون خیلی راحت‌تر میشه
باور کنید خودم خیلی وقت‌ها این تجربه رو داشتم
پس حتی اگه لازم نباشه چیزی خاص رو کپی کنید
باز هم دیدن تعداد زیادی
طراحی مختلف بهتون کمک می‌کنه
و در واقع بهترین کار اینه که عادت کنید
همیشه دنبال طراحی‌ها بگردید
حتی وقتی اون لحظه خاص نیازی ندارید
مثلاً من هر ماه ممکنه نیم ساعت وقت بذارم
و برم این سایت‌ها ببینم چه چیزای جدیدی هست
یا الان تو طراحی چه خبرهایی هست
پس من سعی می‌کنم هر ماه الهام بگیرم حتی
با اینکه همیشه صفحات جدید طراحی نمی‌کنم
ولی هنوز هم می‌خوام بدونم چه خبره
و می‌خوام حس طراحی داشته باشم
تقریباً همیشه
خُب به هر حال بریم ادامه بدیم
و وقتی تعداد زیادی صفحه دیدید
الگوهای زیادی براتون آشکار میشه
و دقیقاً همین موضوعیه که قراره در ادامه صحبت کنیم
تو ابتدای بخش بعدی
خب این یه ردیف ویژگیه که یه آیکون داره
یه عنوان یه متن لینک و اون طرف یه تصویر
پس یه جور تصویر اونجا هست
این یه کامپوننته که اینجا دوباره تکرار شده
و این تکرار همون چیزی هست که ما بهش میگیم الگو
مثل یک الگوی F در این مورد
ولی در موردش بیشتر در بخش بعدی دوباره
چون این بخش بیشتر در مورد اینه که چطور
الهام بگیریم نه اینکه واقعاً بفهمیم این کامپوننت‌ها
دقیقاً چی هستن
پس می‌تونید اینجا نگاهی به صفحات مختلف بندازید
چون خیلی وقت‌ها جزئیات یا کامپوننت‌های جذاب‌تر
پنهان هستن
تو یکی از صفحات دیگه نه لزوماً
تو صفحه ابتدایی
پس من دوست دارم مثلاً صفحه قیمت رو نگاه کنم
که معمولاً این نظرات مشتریان رو داره
ویژگی‌ها رو داره و همونطور که انتظار داشتم
سوالات متداول هم داره
پس دوباره کم‌کم این الگوها رو متوجه می‌شید و خب
لازم نیست واقعاً بریم
تو این صفحات دقیقاً همین الان
چون فکر کنم منظورم رو گرفتید نه؟
پس دوباره حتی لازم نیست چیزی رو بردارید
از هیچ صفحه خاصی
گاهی فقط لازمه تعداد زیادی
صفحه رو مرور کنید چون اون‌ها وارد ذهن‌تون میشن
و وقتی شروع به طراحی می‌کنید
در حالت ذهنی مناسبی هستید
تا خودتون این طراحی‌ها رو بسازید
باشه
و تو بخش بعدی یاد می‌گیریم که چطور
این واقعاً تو عمل کار می‌کنه
پس این بخش خیلی نظری بود
با تمام این دستورالعمل‌های طراحی ولی تو بخش بعدی
ما واقعاً اون‌ها رو می‌گیریم
و یاد می‌گیریم چطور این دستورالعمل‌های طراحی رو اعمال کنیم
برای استفاده از عناصر و الگوهای طراحی رایج
تا لایه‌بندی‌های معمولی بسازیم
چون در نهایت
ساختن یک صفحه اساساً یعنی ساخت یک لایه‌بندی
و برای اون نیاز داریم از عناصر رایج استفاده کنیم
و الگوهای رایج و همه چیز رو یاد می‌گیریم
در مورد اینکه چطور کار می‌کنه تو بخش بعدی
پس این بخش رو اینجا تموم می‌کنیم
چون در این مرحله جمع‌بندی می‌کنیم
دستورالعمل‌های نظری‌تر طراحی وب
و همونطور که گفتم
تو بخش بعدی وارد عمل می‌شیم
پس بیاید همین الان بریم سراغش