توضيحات:
در ابتدا در مورد اين موضوع صحبت ميشه كه گرافيك از چه زماني و به چه صورت تونست نقش يك ابزار اصولي و هنري براي اطلاع رساني در زمينه هاي مختلف رو در دنيا به عهده بگيره، به عنوان مثال ساده سازي گرافيكي نقشه ي مترو كه براي اولين بار به صورت حرفه اي در لندن انجام شد به زيبايي ميتونه نحوه نگاه يك گرافيست رو به يك پروژه طراحي بيان كنه، در ادامه در مورد اصطلاحات اصلي كه در حوزه گرافيك بخصوص در ادامه كلاس ازشون صحبت يا استفاده ميشه، صحبت ميشه كه كساني كه آشنايي ندارن تو كلاس احساس غريبي نكنن و بتونن ارتباط بگيرن، اصلاحاتي مثل اتد، لي اوت و چيدمان، مثل اينفو گرافي، تايپوگرافي و…
بعد از آشنايي با دنياي گرافيك مقايسه اي مطرح ميشه بين گرافيك ثابت دنياي چاپ و در مقابل گرافيك پويا و تعامل گراي دنياي وب و اپليكشن كه مبحث بسيار شيرينيه و ذهن رو آماده ميكنه براي ادامه ي مباحث.
بعد از مرور اين مطالب يه آشنايي عمومي با فوتوشاپ رو داريم كه يكي از مهمترين ابزارهاي ارائه ي گرافيك در حال حاضر در دنيا هست، و طراحي وب و اپليكيش بر پايه پيكسل و روي ريزولوشن ٧٢ رو ياد ميگيريم، و با محيط و اصطلاحات اين نرم افزار آشنا ميشيم كه در ادامه بتونيم ازش استفاده كنيم.
و بعد از اين مباحث تخصصي وارد نحوه تجزيه تحليل نقشه ي وب و اپليكيشن و همچنين طراحي گرافيكشون ميشيم، اطلاعات كلي و اصلي در مورد ux و ui .
در طول دوره اين مباحث لابلاي پروژه هاي عملي تدريس و بررسي ميشن، اين پروژه ها شامل اين موارد ميشه: مقايسه و بررسي تغيير و تحول طراحي گرافيك مايكروسافت ويندوز از زمان xp تا سيستم مترو در طراحي ويندوز ١٠ ، انجام يك پروژه عملي طراحي يك وب سايت رسپانسيو در حالت كامپيوتر و موبايل، بررسي برخي اپ ها و وب سايت هاي داخلي از نظر بصري و سادگي دست رسي به اولويت ها و…
در طول اين پروژه ها هنرجوها هم بشدت درگير اتد زدن و دخالت در كار ميشن كه به چالش كشيده بشن.
همچنين در طول كار كردن هنرجوها با بسياري مباحث مربوط به هنرهاي تجسمي از قبيل شناخت رنگ ها، اشكال و حركت ها، همچنين كنتراست رنگ وشكل و اندازه و تاثير اين موارد در برداشت مخاطب ها آشنا ميشن.
سر فصل هاي دوره:
١. بررسي تفاوت هاي اصلي گرافيك در چاپ نسبت به وب، آشنايي با تفاوت ريزولوشن ها در طراحي با فتوشاپ
٢. گفت و گو در مورد انواع سايت (خبري، فروشگاهي، ژورنال و …) و مقايسه ي تفاوت رابط كاربري آنها با توجه به كاربردشان
٣. بررسي نحوه دسته بندي منو و طراحي نقشه اوليه براي گشت و گذار در سايت، با توجه به كاربرد و اولويت هاي مشخص شده براي آن وب سايت
٤. بررسي ويترين سايت (صفحه اول و اسكرول اول)
٥. بررسي نمونه لي اوت و چيدمان صفحه ورود و پروفايل كاربران و بررسي از لحاظ سادگي و كاربردي بودن رابط كاربري آن و دسترسي ساده براي مخاطب مبتدي
٦. بررسي مفهوم كنتراست در فاصله ها ، اندازه ها و رنگ ها براي اولويت بندي مطالب موجود در وبسايت و يا اپليكيشن
٧. گفت و گو در مورد استفاده از قدرت پويايي و واكنش گرا بودن صفحات اپليكيشن و وب سايت براي ايجاد تعامل با مخاطبين
٨. بررسي دست رسي آسان و سريع به دكمه هاي اولويت و اطلاعات مهمتر و پنهان كردن اطلاعات غير ضروري در اسكرول صفحه و يا تب گذاري براي اطلاعات دسته دوم به بالا
٩.آشنايي با رابط كاربري چند نمونه از صفحات پركاربرد در انواع وب سايت ها (صفحات آرشيو، معرفي محصول، مقاله و مجله، پخش ويدئو، گالري و…)
١٠ . بررسي طراحي رابط كاربري ساده و كاربردي كنترل پنل سايت براي مخاطب عام
١١. گرافيك رسپانسيو صفحات و سيستم چهار، دو، يك
١٢. روانشناسي كاربردي رنگ ها در محيط نرم افزار
١٣. تحليل تاثير رواني اشكال بصري استفاده شده در طراحي نرم افزار
١٤. مقايسه و بررسي سير تحول يو آي در ويندوز
١٥. طراحي يك نمونه وب سايت رسپانسيو به همراه نسخه ي موبايل اون كه مثل اپليكيشن ميشه
نتيجه ي كلاس:
در پايان هنرجوها چي ياد ميگيرن؟
طبيعتا در پايان اين كلاس هنرجوها طراح حرفه اي يو آي و يو ايكس نخواهند شد! اما قطعا بعد از اين دوره با فضاي طراحي يو ايكس و يو آي كاملا پرسشگرانه برخورد ميكنند و اگر بخوان كه توي اين زمينه ادامه بدن مسير مطالعات رو درست ميشناسن، حدقل اين اميدواري وجود داره كه بعد از اين دوره اگر اين افراد وارد فضاي كار واقعي طراحي وب و اپليكيشن شدن، به سادگي از كنار طراحي بصري اون نگذرن و با دقت و حساسيت بيشتري اين مبحث رو جدي بگيرن، چون تاثير بسيار زيادي در دريافت مخاطب ها داره و در اميدوارانه ترين حالت در آينده نچندان دور تحول درستي توي طراحي بصري وب سايت ها و اپليكيشن هايي كه هر روز باهاشون سرو كار داريم ميبينيم.
دیدگاهها
" لطفا آموخته ها و تجربیات خود را از کلاس هایی که داشتید، با ما در میان بگذارید."