طراحی سایت | برنامه نویسی

آموزش طراحی سایت و برنامه نویسی

طراحی سایت | برنامه نویسی

آموزش طراحی سایت و برنامه نویسی

هفته گذشته یکی از خوانندگان وبلاگ من سوالی را از من پرسید : چگونه میتوانیم طراح بصری بهتری شوم؟ همان طور که به چگونگی پاسخ به این سوال فکر می‌کردم، ذهنم به سمت یادگیری زبان چینی Mandarin رفت. زیرا به تازگی تصمیم گرفته بودم این زبان را آموزش دهم. وقتی یادگیری یک زبان جدید را شروع می‌کنید ابتدا باید اصول اولیه را یاد بگیرید. اسم ها، ضمایر و فعل ها مبنایی برای انتقال ایده های پیچیده هستند.

fundemental

زبان راهی ست که مردم مفاهیم را به یکدیگر متصل می‌کند. طراحی بصری یک زبان بصری است. یادگیری طراحی بصری تفاوتی با یادگیری یک زبان جدید ندارد. طراحی های بصری خوب، خود به خود متولد نشده اند، آنها ساخته شده‌اند. نکته کلیدی در تبدیل شدن به طراح بصری بهتر در سخت گیری است. تنها در صورتی می توانید به عنوان یک طراح بصری قابلیت های خود را بهبود بخشید که یک تلاش آگاهانه انجام دهید. در زیر اصول اولیه ای آورده شده است که باید در آن ها استاد شوید، در این صورت می‌توانید طراحی بصری خود را به سطح بعدی ارتقا دهید.

اصل یکم : بازگشت به اصول با تایپوگرافی

می توانید با نگاه به تایپوگرافی یک طرح اطلاعات زیادی در مورد آن به دست آورید و دلیل آن این است که تایپوگرافی یک اصل اولیه برای طراحی است.

Typography

شما می توانید تمام طرح ها را فقط با تایپوگرافی ایجاد کنید. شما همچنین می توانید طرح های مبتنی بر type را بر اساس صفات ظریف و فونت مورد نظر انتخاب کنید. واژگانی را برای شرح تایپوگرافی توسعه دهید. اطلاعاتی را در مورد اصطلاحات tracking ، kerning و leading به دست آورید. در نهایت یاد بگیرید چگونه فونت ها را با هم ترکیب کنید. توانایی ترکیب فونت ها با یکدیگر به طرز چشمگیری دینامیک طراحی شما را تغییر خواهد داد.

Typography

اصل دوم : از فضا برای ایجاد تعادل استفاده کنید

فاصله ها به شما کمک خواهند کرد تا حالت های افقی و عمودی را در طراحی خود ایجاد کنید. این کار برای ایجاد سلسله مراتب بصری و ایجاد ارتباط بین عناصر ضروری است.

visual design

همیشه می توانید به سایت های Behance و Dribbble برای الهام گرفتن در زمینه فضا بین عناصر نگاهی بیندازید. اما این مهم است که درک و بینش خود را برای استفاده از فضا به منظور ایجاد تعادل و هماهنگی بصری توسعه دهید. در هنگام مطالعه تایپوگرافی شاید متوجه اهمیت فاصله ها شده باشید. تنظیم kerning و leading تمرینی عالی برای تقویت چشم شما در مورد استفاده از فاصله هاست.

تمرین دیگری که به تقویت چشم شما در این زمینه می انجامد عبارت است از : یک طرح اولیه را در نظر بگیرید، محورهای x وy را ترسیم کنید. طرح را به اشکال ساده، ساده سازی کنید. تجزیه و تحلیل کنید که چگونه طراحی به تعادل می‌رسد. سپس عناصر را دوباره تنظیم کنید. دقت کنید که چطور فضای نامناسب بر تعادل عناصر تاثیرگذار است.

shape

اصل سوم : استفاده از اندازه ها برای ایجاد سلسله مراتب بصری

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

grid

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

sizing

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

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

در هنگام انجام تمرین بالا سوال های زیر را در ذهن خود داشته باشید :

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

اصل چهارم : برای انتقال معانی از رنگ ها استفاده کنید

رنگ ها نقش های زیادی را ایفا می‌کنند. آنها معنا را انتقال می‌دهند، واکنش‌های احساسی را ایجاد می کنند و منحصر بودن را برای یک طرح به ارمغان می‌آورند.

color

در زیر نکاتی را برای رنگ ها ذکر کرده ام که می تواند برای شما بسیار مفید باشد.

  • قبل از اینکه پالت رنگی خود را انتخاب کنید، هدف خود را از طراحی مشخص کنید. طراحی خوب دارای پالت رنگی متناسب با خود است.
  • مخاطبین خود را بشناسید، مردم رنگ ها را متفاوت درک می کنند. رنگ ها بر روی افراد مختلف تاثیر متفاوتی دارند. این تأثیر می تواند بر اساس علایق شخصی، فرهنگ، تربیت فرهنگی و تجربیات شخصی متفاوت باشد.
  • وقتی یک پالت رنگی را انتخاب میکنید سادگی یک اصل کلیدی است. یک رنگ بک گراند خنثی انتخاب کنید. سپس رنگ های اولیه و ثانویه خود را مشخص کنید. بعد از آن بر اساس دیگر رنگها برای حالتهای مختلف، برای رنگ های مورد نظر خود تصمیم گیری کنید.

زمانی که درک کاملی از تئوری رنگها به دست آوردید، آنها در طراحی به شما کمک بزرگی خواهند بود. به طور فعال همیشه سعی کنید از چارچوبی که برای خود ایجاد کرده خارج شوید و از پالت های رنگی جدید استفاده کنید. زمان خود را برای بررسی پالت های رنگی که در اطرافتان وجود دارد صرف کنید. برای مثال تصاویر، مجله ها و غیره. سپس طرح موجودی را در نظر بگیرید و پالت رنگ جدیدی را بر روی آن اعمال کنید. 

منبع: لرن سورس


موافقین ۰ مخالفین ۰ ۹۸/۰۴/۲۸
شهربانو دوستی

نظرات  (۰)

هیچ نظری هنوز ثبت نشده است

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی