آموزش طراحی وب نمونه کارها | 10 تغییر ساده و تاثیرگذار برای ارتقاء ظاهر، احساس و عملکرد وب سایت شما
Portfolio Web Design | 10 Simple & Impactful Changes to Elevate Your Websites Look, Feel & Function
اگر هنرمند، طراح، سازنده یا خلاق هستید، به احتمال زیاد مجبور شده اید یک وب سایت بسازید تا کار خود را به بهترین نحو نشان دهید. تمرکز بر راه‌اندازی و راه‌اندازی وب‌سایت به قدری آسان است که اغلب فاقد ظاهر و احساس در نظر گرفته شده و عناصر جذاب و جذابی است که آن را برای مشتریان و مشتریان بالقوه متمایز می‌کند.
در این کلاس، من 10 تغییر ساده و تاثیرگذار را به شما آموزش می‌دهم که می‌توانید انجام دهید تا ظاهر، احساس و عملکرد وب‌سایت شما را ارتقاء داده و بهبود بخشد.
من چند سال گذشته را در چندین سبک وب سایت کار کرده ام و درک قوی از عناصر کلیدی طراحی ایجاد کرده ام که وب سایت های خاصی را هم از نظر زیبایی و هم از نظر کاربردی متمایز می کند. این کلاس 10 تغییر ساده را به شما آموزش می دهد که می توانید در وب سایت فعلی خود اعمال کنید که به طور چشمگیری آن را به سرعت و به طور موثر تقویت و بهبود می بخشد.
اهمیت یک وب سایت خوب را نمی توان نادیده گرفت. وب سایت شما یک مرکز اساسی برای همه کانال های بازاریابی شما است، بنابراین ضروری است که نه تنها ظاهری جزئی داشته باشد، بلکه کاربردی نیز باشد. و کاربر پسند
این کلاس برای چه کسانی است؟
این کلاس برای کسانی است که وب سایت دارند یا قصد دارند وب سایت داشته باشند! به ویژه برای مشاغل کوچک، طراحان الگوی سطح، تصویرگران، هنرمندان یا خلاقانی که خودشان وب سایت خود را ساخته اند، طراحی شده است، اما برای همه وب سایت ها کاربرد دارد. این کلاس به ویژه برای مبتدیانی که تجربه قبلی طراحی وب ندارند مفید خواهد بود.
این کلاس برای دانش‌آموزانی ایده‌آل است که می‌خواهند وب‌سایت فعلی خود را ارتقا دهند، یا به دنبال اجرای بهترین روش هنگام طراحی یک وب‌سایت جدید هستند. ما بر روی طراحی گرافیکی برای وب سایت ها و همچنین تغییرات کاربردی عملی تمرکز خواهیم کرد. در طول کلاس یاد می گیرید که چگونه وب سایت خود را به بهترین نحو برنامه ریزی و تجزیه و تحلیل کنید تا ظاهر، احساس و عملکرد را بهبود بخشید و در نهایت با طراحی مورد توجه تری مواجه شوید.
چه چیزی یاد خواهید گرفت؟
- بسته بندی مارک ساده برای وب
- اصول تایپوگرافی و طراحی رنگ
- نحوه جفت کردن فونت ها و شناسایی طراحی خوب
- نحوه انتخاب رنگ هایی که به طور خاص برای وب کار می کنند
- اهمیت سلسله مراتب بصری
- چگونه با بینندگان خود اعتماد ایجاد کنید
- تجربه کاربری پایه (طراحی UX) و تفکر از دیدگاه مخاطبان شما
- ایجاد عناصر جالب وب سایت با استفاده از فایل های PNG، استراتژی های طرح بندی و جلوه های انیمیشن.
- چگونه با تعامل بیشتر بازدیدکنندگان را درگیر و در وب سایت خود نگه دارید
- جذاب‌تر و قابل هضم کردن محتوا برای بازدیدکنندگان
- نحوه ذخیره تصاویر و فایل های PNG برای وب
- درک نقاط شکست وب سایت و نحوه طراحی برای آنها
- طراحی با رویکرد اول موبایل
- چگونه وب سایت خود را سریعتر اجرا و بارگذاری کنیم
چه چیزی نیاز دارید؟
تنها چیزی که برای این کلاس نیاز دارید یک کامپیوتر است. من برنامه ریزی و چند تکنیک خود را در Adobe Illustrator نشان خواهم داد، اما برای تکمیل این کلاس نیازی به داشتن Adobe ندارید. در طول این کلاس من هر تغییر را در یک وب سایت وردپرس نشان می دهم، اما این نکات را می توان برای هر وب سایتی با وجود میزبان شما اعمال کرد.
شما به درک اولیه ای از توسعه وب پیشانی نیاز دارید، اما اگر قبلاً یک وب سایت دارید، درک همه این مطالب برای شما آسان خواهد بود. اگر وب‌سایتی ندارید، هنوز هم می‌توانید نظریه اصلی این محتوا را درک کنید و زمانی که شروع به ساختن وب‌سایت خود کردید، آن را به کار ببرید!
برای پروژه خود از شما می خواهم حداقل 1 نکته از 10 نکته ارائه شده را انتخاب کرده و در وب سایت خود پیاده سازی کنید! قبل از شروع، مدتی را به تجزیه و تحلیل سایت خود اختصاص دهید و تغییراتی را انتخاب کنید که بیشتر با شما و نیازهای وب سایت شما مطابقت دارد.
حتماً قبل و بعد از اجرا اسکرین شات بگیرید و آن را در بخش پروژه ها به اشتراک بگذارید!
نمونه پروژه
این قبل و بعد از سایت ماکت ما است. در این بخش نکات 1، 2 و 6 را اعمال کردیم!
نمونه پروژه کتاب کار
می توانید قبل و بعد از وب سایت آزمون را در اینجا مشاهده کنید!
قبل از:
بعد از:
.
.
.
.
.
منابع
درس اول:
مکان های مورد علاقه من برای دریافت فونت های رایگان:
https://fonts.google.com/
https://www.creativefabrica.com/freebies/free-fonts/ref/777922/
https://www.fontsquirrel.com/
مکان های مورد علاقه من برای خرید فونت:
https://creativemarket.com/fonts
https://www.etsy.com/au/search?q=fonts ref=search_bar
درس 2:
هر آنچه که باید در مورد رنگ بدانید:
درس ها Lessons
-
برندینگ: تایپوگرافی Branding: Typography
-
برندسازی: اهمیت داستان شما Branding: The Importance of Your Story
-
نام تجاری: تصاویر، فیلم ها و زیبایی شناسی Branding: Images, Videos & Aesthetic
-
معرفی Introduction
-
عملکرد: نقاط شکست و موبایل اول Functionality: Breakpoints & Mobile First
-
حفظ علاقه: تجربه کاربری پایه Keeping Interest: Basic User Experience
-
حفظ علاقه: انیمیشن و حرکت Keeping Interest: Animation & Movement
-
آنچه شما یاد خواهید گرفت What You'll Learn
-
نام تجاری: پالت رنگ Branding: Colour Palettes
-
نوبت شماست! Your Turn!
-
عملکرد: سرعت سایت Functionality: Site Speed
-
برندسازی: از هدر و پاورقی خود استفاده کنید Branding: Utilise your Header & Footer
-
حفظ علاقه: قدرت PNG ها Keeping Interest: The Power of PNGs
-
پروژه شما Your Project
https://donyad.com/d/1f7cf0
Jehna Creates
طراح، هنرمند، دانشجوی همیشه
اسم‌های من، جینا.. بله، یک H در آنجا وجود دارد. من یک طراح الگوی سطح، گرافیک و طراح وب و خلاق در سراسر جهان از سیدنی، استرالیا هستم.
من در تمام عمرم هنرمند بودم. من عاشق آزمایش کردن با رنگ‌ها، کشف تکنیک‌های جدید و ایجاد طرح‌های منحصربه‌فرد هستم. با بزرگ شدن در کنار بوته، دائماً از دنیای طبیعی اطرافم و گرمای منظره استرالیا نقاشی می‌کشم. مشاهده الهام مورد علاقه من است.
من عاشق سفر به مکان‌های مختلفی هستم که مردم آن را خانه می‌نامند، فرهنگ‌های مختلف را کاوش می‌کنم و مشاهده می‌کنم که دنیا هر روز جادوی خود را انجام می‌دهد.
یکی از بزرگترین علایق من در جهان یادگیری است، صرف نظر از موضوع. من چند بار فرصت شگفت انگیزی برای تدریس در زندگی واقعی داشته ام و تجربه اشتراک دانش و کمک به رشد دیگران را دوست دارم. مفهوم استفاده از آن مهارت ها و به کار بردن آنها در اینجا در Skillshare هدف بزرگ من بوده است!
به لطف مدرک لیسانس خود در طراحی و تجربه‌ام در اداره مد و طراحی سطح پایدار، طیف وسیعی از مهارت‌ها را برای به اشتراک گذاشتن از گرافیک، طراحی وب و الگو گرفته تا چاپ روی صفحه، ترمیم و ساخت دارم. اگر هر یک از این موارد برای شما جالب است، حتماً من را در اینجا در Skillshare دنبال کنید تا از کلاس‌های جدید مطلع شوید.
می‌توانید همراه با کارهای من در اینستاگرام @jehnacreates دنبال کنید و در مورد کارهای من در وب‌سایت من بیشتر بخوانید: https://jehnacreates.com/
من همچنین یک خبرنامه ماهانه برای من ارسال می‌کنم. مشترکین ایمیل نکات، افکار و فرآیندهای پشت صحنه را الهام بخش خواهند کرد. مشترکین ایمیل من همچنین به پست های وبلاگ و استوری دوستان نزدیک من در اینستاگرام دسترسی انحصاری دارند! اگر می‌خواهید عضوی از انجمن صمیمی من باشید، حتماً مشترک شوید!
https://jehnacreates.com/newsletter/
از هر یک از شما که برای تماشای کلاس من وقت گذاشتید متشکرم! من بی صبرانه منتظر شنیدن افکار شما هستم.
نمایش نظرات