چه طور طراحی سایت یاد بگیریم ؟

arma

زمان2022-11-01 18:37:56

تبدیل شدن به یک طراح سایت حرفه ای آنچنان کار سختیه ؟ چه طور شد به فکر یاد گیری طراحی سایت افتادی ؟ برای داشتن یک سایت خوب باید از کجا شروع کنیم؟ داشت همه این سوال ها اینجاست این پایین 

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

دقت کنید که از منطق یک سایت جدا نشید و کار بر رو طبق نقشه ای که براش چیدین در صفحات جا به جا کنید 

یک طراح ماهر کاری میکند که کاربر با کمترین کلیک به خاسته خود برسد 

 یک سایت خوب از چند بخش که در زیر به آن اشاره کردیم تشکیل شده 

یک نفر میگه من UI کارم یکی میگه من ux کارم seo کارم یا backend کارم اما این کلمات یعنی چی ؟

طراحی وب به دو بخش backend. و frontend تقسیم میشه 

اکثرا که تازه کارشون رو شروع کردن این دوتا و با هم اشتباه میگیرن و میان این دو تا رو با هم ترکیب میکنن. پس مهمه که بدونید یعنی چی پشت صحنه چه اتفاقاتی داره می افته و در جلوی کاربر چه اتفاقاتی 

بکند ینی اتفاقاتی مثل پرداخت اینترنتی (ساده مثال میزنم) عوض شدن اطلاعات یک صفحه و.. دقیق تر بخوام مثال بزنم وقتی یک کاربر روی دکمه مثلا اضافه شدن به سبد خرید کلیک می‌کنه به ظاهر فقط یک محصول رفت داخل سبد خرید اما این طور نیست زبان های برنامه نویسی سمت بکند کلی کار انجام دادن تا تونستن عکس اون محصول اطلاعاتش قیمتش تک خاش و ….. رو بیارن و به شما نشون بدن تا شما بتونی بخری اون محصول رو.

اگر بخوایید به یک طراح سایت تبدیل بشید لازمه که هم بکند رو یاد بگیرین هم فرانت اند رو اما در دنیای امروزی شما میتونی فقط یا backend رو یاد بگیری و یا frontend رو یا حتی هیچ کدوم اینا رو از CMS های آماده ای مثل وردپرس استفاده کنید.

اما اگر بخوایید طراح سایت بشید باید انتخاب کنید کدام مسیر رو میخوایید جلو برین

به طور مثال من خودم بکند رو شروع کردم ینی چی چه زبان های رو باید یاد می‌گرفتم؟ (زبان که میگم ینی زبان برنامه نویسی (:)

برای شروع من از html  شروع کردم بد رفتم سراغ css بد رفتم سراغ J's ممکنه بگید اینا که زبان های سمت کلاینت اند درسته اما امااااا اما من میخواستم PHP یاد بگیرم باید اینا رو یاد می‌گرفتم که بتونم نتیجه کارم رو ببینم چون PHP یک زبان برنامه نویسی مخصوص وبسایته 

در نهایت رفتم سراغ php و کتابخونه محبوب لاراول حالا دیگه توانایی این رو داشتم که با استفاده از API دیگه هیچ ظاهری تولید نکنم و فقط به اتفاقاتی که پشت صحنه قراره بیوفته فکر کنم جذاب نیست ؟

پس مسیر من شد یه کوچولو html css J's و یه عالمه PHP و کتابخانه laravel 

مسیر های دیگه ای هم داشتم مثل سیمفونی مثل yii و …. اما من دوست داشتم لاراول کار کنم همین 

حالا مسیر فرانت اند چیه؟ 

خیلی ساده تره به نظرم که من متنفرم از برنامه نویسی سمت فرانت 

Html css J's 

مراحل اولیه است بد کتابخانه های این زبان ها که میشه کتابخانه jQuery که مخصوص جاوا اسکریپته و کتابخانه به طور مثال bootstrap 

حالا همه اینا رو یاد گرفتید نیاز دارین برین یک لایبرری انتخاب کنید مثل react یا vuejs که هر کدوم مزیت های خودش رو داره 

 امیدوارم تا اینجا لذت برده باشید 

اجازه بدین یکم دقیق تر بگم 

یک طراح باید از هیچی همه چی بسازه خب این چه طوری امکان داره ؟

اولین قدم چیه ؟ 

همه یک صفحه سفید رو فقط یک صفحه سفید میبینن اما اصلا این طور نیست.

طراحانه ببینیدش عناصرش رو ببینید به طور مثال من میام میگم هر سایتی یه سری چیز ثابت داره یه سری چیز میز متغیر 

این چیز های ثابت چیان ؟

بالای سایت پایین سایت قشنگ تر بگم هدر سایت و فوتر سایت در کلیه سایت ها هست این دوتا و در تمامی صفحات یکی آن اینا 

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

این میشه اولین مرحله UI مرحله بعدی میشه روی کاغذ همین طرح رو اتود زدن (گرافیست ها دقیق میگم چی میگم و معمار ها) حالا همین کاغذ رو باید با استفاده از فتوشاپ و ادوبی ایکس دی اینجا این سه مرحله UI تماااممم شد تازه قسمت سخت کار شروع شد /: 

بریم سراغ ux که میشه کد زنی و اجرا کردن همین طرح بصری ما و چالش های باحالش و عذاب آورش ): از کد زنی سمت کلاینت متنفرم کلاینت ینی همون بازدید کننده یا همون frontend