ابتدا ، شما نياز به دانش كار در مورد نحوه كدگذاري صفحه در HTML داريد. سپس ، بايد بتوانيد از CSS براي ايجاد جلوه هاي بصري مورد نظر خود استفاده كنيد ، خواه اين طرح بندي خاص ، تايپوگرافي يا رنگها و زمينه ها باشد.

خوشبختانه ، مربي Envato Tuts+ Kezz Bracey مجموعه اي از دوره هاي مبتدي را تدوين كرده است كه تمام اين موضوعات را به طور عميق پوشش مي دهد ، و به شما پايه اي محكم مي دهد كه از طريق آن مي توانيد مهارت هاي پيشرفته تري در طراحي وب ايجاد كنيد. در اينجا خلاصه اي از آن دوره ها و آنچه مي توانيد ياد بگيريد آمده است.

1. از اينجا شروع كنيد: اصول اوليه HTML را بياموزيد

مهمترين اولين قدم براي تبديل شدن به يك طراح وب ، يادگيري نحوه كد نويسي HTML است. در پايان اين دوره كوتاه ، مي دانيد HTML چيست ، چگونه كار مي كند و چگونه از رايج ترين عناصر آن استفاده كنيد. شما از يك صفحه خالي به اولين صفحه اصلي خود كه به طور كامل كار مي كند ، دسترسي پيدا كرده ايد. اين به شما پايه اساسي مي دهد كه مي توانيد بر اساس آن تمام طرح هاي آينده خود را ايجاد كنيد.

2. از اينجا شروع كنيد: CSS Layout را بياموزيد

اكنون كه نكات اصلي تايپوگرافي را در دوره قبلي "اينجا شروع كنيد" ياد گرفته ايد ، آماده هستيد تا به عنصر اساسي بعدي طراحي سايت برويد: طرح بندي.

در اين دوره شما همه چيز را كه بايد براي ايجاد رايج ترين انواع طرح بندي در طراحي وب بدانيد ، ياد خواهيد گرفت.

3. از اينجا شروع كنيد: CSS Colors and Backgrounds را بياموزيد

در نصب اين مجموعه از "اينجا شروع كنيد" ، شما مي توانيد به سايتي كه با استفاده از رنگ ها و پس زمينه هاي CSS ايجاد كرده ايد ، روح بدهيد.

در اين دوره شما با تكنيك هاي بصري كه سايت ها را از يكديگر متمايز مي كند آشنا مي شويد و "طراحي" را در طراحي سايت وارد مي كنيد.

ابتدا ، شما نياز به دانش كار در مورد نحوه كدگذاري صفحه در HTML داريد. سپس ، بايد بتوانيد از CSS براي ايجاد جلوه هاي بصري مورد نظر خود استفاده كنيد ، خواه اين طرح بندي خاص ، تايپوگرافي يا رنگها و زمينه ها باشد.

خوشبختانه ، مربي Envato Tuts+ Kezz Bracey مجموعه اي از دوره هاي مبتدي را تدوين كرده است كه تمام اين موضوعات را به طور عميق پوشش مي دهد ، و به شما پايه اي محكم مي دهد كه از طريق آن مي توانيد مهارت هاي پيشرفته تري در طراحي وب ايجاد كنيد. در اينجا خلاصه اي از آن دوره ها و آنچه مي توانيد ياد بگيريد آمده است.

1. از اينجا شروع كنيد: اصول اوليه HTML را بياموزيد

مهمترين اولين قدم براي تبديل شدن به يك طراح وب ، يادگيري نحوه كد نويسي HTML است. در پايان اين دوره كوتاه ، مي دانيد HTML چيست ، چگونه كار مي كند و چگونه از رايج ترين عناصر آن استفاده كنيد. شما از يك صفحه خالي به اولين صفحه اصلي خود كه به طور كامل كار مي كند ، دسترسي پيدا كرده ايد. اين به شما پايه اساسي مي دهد كه مي توانيد بر اساس آن تمام طرح هاي آينده خود را ايجاد كنيد.

2. از اينجا شروع كنيد: CSS Layout را بياموزيد

اكنون كه نكات اصلي تايپوگرافي را در دوره قبلي "اينجا شروع كنيد" ياد گرفته ايد ، آماده هستيد تا به عنصر اساسي بعدي طراحي سايت برويد: طرح بندي.

در اين دوره شما همه چيز را كه بايد براي ايجاد رايج ترين انواع طرح بندي در طراحي وب بدانيد ، ياد خواهيد گرفت.

3. از اينجا شروع كنيد: CSS Colors and Backgrounds را بياموزيد

در نصب اين مجموعه از "اينجا شروع كنيد" ، شما مي توانيد به سايتي كه با استفاده از رنگ ها و پس زمينه هاي CSS ايجاد كرده ايد ، روح بدهيد.

در اين دوره شما با تكنيك هاي بصري كه سايت ها را از يكديگر متمايز مي كند آشنا مي شويد و "طراحي" را در طراحي سايت وارد مي كنيد.

وقتي نمي توانيد آب ميوه هاي خلاقانه را بر اساس تقاضا جاري كنيد ، به راحتي احساس مي كنيد گير كرده و نااميد مي شويد.

اگر در حال حاضر (يا گاهي اوقات) چنين احساسي داريد ، اين پست در اينجا به شما كمك مي كند.

در ادامه ، ما راه هاي عملي براي غلبه بر بلوك طراح در زماني كه ايده ها در حال اجرا نيستند را به شما ارائه مي دهيم.

آماده؟ بياييد شروع كنيم…
9 نكته در طراحي سايت براي زماني كه احساس مي كنيد گير كرده ايد

به منظور كمك به شما در ارائه ايده هاي خوب ، ما با نكات طراحي سايت شروع مي كنيم كه مي توانيد بلافاصله براي بهبود آنچه در حال كار هستيد استفاده كنيد.

1. از تخته هاي خلقي Pinterest استفاده كنيد

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

2. يك برنامه گام به گام ايجاد كنيد

مي دانيد چه مي گويند: شكست در برنامه ريزي ، برنامه ريزي براي شكست است. اين امر در طراحي سايت نيز صادق است. اگر ايده هاي طراحي وب سايت به نتيجه نرسيد ، شايد به اين دليل است كه شما هنوز با اصول اوليه برخورد نكرده ايد. تنها زماني كه اصول اوليه وجود داشته باشد ، مي توانيد كارهاي خلاقانه را در بالا قرار دهيد. در اينجا برنامه ريزي چگونه مي تواند باشد:

    تعيين هدف وب سايت - شما بايد بدانيد كه سايت واقعاً چه چيزي را انجام مي دهد. اگر اينطور نيست ، به دنبال چه جهنمي هستيد؟ اهداف خوب SMART هستند: خاص ، قابل اندازه گيري ، دست يافتني ، مناسب و به موقع.
    نقشه خريد را ترسيم كنيد - علاوه بر هدف كلي ، شما همچنين بايد مشخص كنيد كه مي خواهيد بازديدكنندگان از چه راهي استفاده كنند. از زماني كه آنها به سايت شما وارد شدند تا هر هدفي كه در نظر داريد. به اين ترتيب ، مي توانيد يك ساختار ايجاد كنيد تا آنها را در اين مسير راهنمايي كند. Hubspot مقاله بسيار خوبي در اين زمينه دارد.
    يك راهنماي سبك تهيه كنيد - ايجاد يك راهنماي سبك به شما كمك مي كند تا در طراحي خود ثابت قدم باشيد. فونت ها ، رنگ ها و ساير عناصر طراحي را تعريف مي كند. استفاده از يكي باعث ايجاد يكنواختي مي شود ، به ويژه هنگام كار با ديگران. گوگل مثال خوبي است.
    سئو خود را برنامه ريزي كنيد - برنامه ريزي براي سئو نيز مهم است. يك نقشه وب سايت ايجاد كنيد تا بدانيد چگونه اطلاعات خود را براي بازديدكنندگان و موتورهاي جستجو تنظيم كنيد.

3. ابتدا بر ساختار تمركز كنيد

درست مانند برنامه ريزي ، تمركز بر ساختار وب سايت شما ابتدا به شما كمك مي كند تا از اين روند فاصله بگيريد و بيشتر به چشم پرنده نگاه كنيد.

اين مي تواند به كار با رسانه اي متفاوت از رايانه شما كمك كند. به عنوان مثال ، با ايجاد طرح روي كاغذ با يك قلم ، مي توانيد رنگها و ساير جزئيات را فعلاً فراموش كنيد. اگر از فليپ چارت يا تخته سفيد استفاده مي كنيد ، حتي مي توانيد كل كار را به صورت مشترك انجام دهيد.

يك تمرين عالي همچنين مي تواند كشيدن وب سايت بر روي يادداشت پس از آن باشد. اين شما را مجبور مي كند كه به موارد ضروري پايبند باشيد. يكي از انواع آن اين است كه ابتدا طرح خود را در سايه هاي خاكستري ايجاد كنيد و بعداً رنگ را اضافه كنيد. به اين ترتيب ، شما مجبور مي شويد بدون تكيه بر رنگ ، يك سلسله مراتب بصري ايجاد كنيد.
اگر تمايل زيادي به استفاده از رايانه خود براي طراحي داريد ، مي توانيد از "آزمون چشمك زدن" استفاده كنيد. اين بدان معناست كه از صفحه نمايش دور شده و چشمان خود را خيره كنيد. تصوير تار به شما نشان مي دهد كه بيشتر در سايت شما مشهود است و آنچه كه بازديدكنندگان براي اولين بار به احتمال زياد در ابتدا متوجه آن مي شوند.

تجربه يك شاخص مهم براي يك طراح وب برنده جايزه يا يك آژانس ديجيتالي با خدمات كامل است. تعداد مشتريان و پروژه هاي تكميل شده توسط يك طراح در نشان مي دهد كه طراح مورد نظر مي داند آنها چه مي كنند. مرور آثار يك طراح بايد نشانگر اين باشد كه آنها مهارت دارند و آنچه را كه مي گويند انجام مي دهند دنبال مي كنند.

بهترين طراحان وب از سايت هاي نمونه كارها براي نمايش پست هاي كار و وبلاگ و آزمايش هاي مختلف طراحي استفاده مي كنند. نمونه اي عالي از آن ، مجموعه اي از طراح كلوديو گوگليري مستقر در سانفرانسيسكو است.
سبك يك عنصر ذهني تر است اما چيزهاي زيادي در مورد طراح وب مي گويد. همه طراحان سبك هاي منحصر به فرد خود را دارند. به عنوان مثال ، اگر يك طراح داراي سبكي است كه از مينيماليسم الهام گرفته است ، ممكن است شخصي واقعاً اين سبك را دوست داشته باشد يا از آن خوشش نيايد. هنگام ارزيابي كيفيت يك طراح وب ، مهم است كه در نظر بگيريد كه چه سبكي را دوست داريد يا چرا و چرا.