Blog

اصول طراحی گرافیک سایت

توسط طراحی سایتدر ۱۸ بهمن ۱۳۹۹

گرافیک وب چیست؟

اصول طراحی گرافیک سایت -در طراحی بصری یک و‌ب‌سایت، رنگ‌بندی مناسب با نوع کسب‌وکار و چیدمان

صحیح المان‌ها بسیار اهمیت دارد.

یک طراح و گرافیست صفحات وب باید آشنایی کلی با ساختار سایت و کارکردهای آن داشته باشد.

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

رنگ‌ها واندازه المان‌ها، نوع و سایز قلم‌ها، تغییراتی مانند

رنگ دکمه‌ها که با اشاره کاربر بر روی یک المان (هاور کردن) انجام می‌شود، تم پس‌زمینه و رنگ، رنگبندی منوها،

هدر، فوتر و … باید کاملا رعایت شود.

اگر محتوای شما از کیفیت لازم برخوردار نباشد و یا نتواند به اندازه کافی مخاطب را جذب و راضی نگه دارد،

بدون شک نمی‌تواند کشش لازم را در ترغیب کاربر برای دنبال کردن ادامه محتوا داشته باشد.

 

اصول طراحی گرافیک سایت

 

انواع تولید محتوای گرافیکی وجود دارد که شامل:
  • عکس نوشته‌ها
  • موشن‌گرافیک
  • اینفوگرافیک
  • اسلاید
  • اسکرین‌شات
  • طراحی استیکر

اصول طراحی گرافیک سایت

طراحی 2 بعدی (Flat Design):

یک سبک کلاسیک و ساده است که بسیاری از شرکت ها از آن استفاده می کنند.این قالب ها را معمولا سایت هایی

استفاده می کنند

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

طراحی داینامیک (Dynamic Design):

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

.Net, JQuery, PHP, Javascript  نوشته می شوند

که براساس نیاز مشتری نوع پیچیدگی و کارایی سایت مشخص می شود.بسیاری از سایت هایی که امروزه طراحی می

شوند پویا می باشند.

این سایت با سیستم های مدیریت محتوا نظیر وردپرس WordPress، جوملا Joomla، دروپال Drupal و…

به راحتی مدیریت می شوند

و می توان محتوا را در آنها به روز کرد و تغییر داد.بیشتر سایت هایی که امروزه در فضای اینترنت می بینیم پویا هستند.

طراحی استاتیک (Static Design):

این طراحی اصلا انعطاف پذیر نیست.زمانی که اندازه صفحه نمایشگر تغییر می کند، قالب گرافیکی سایت ثابت مانده

و مقیاس آن تغییر نمی کند.

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

چرا که جوابگوی نیاز کاربران اینترنت به خصوص در بین طراحی های مدرن دیگر نیستند.

طراحی ریسپانسیو:

این طراحی را شاید بتوان به عنوان یک ویژگی ضروری برای سایت ها نام برد تا یک قالب بالاتر هم گفتیم

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

هم پشتیبانی کند.

این طراحی به وسیله کدنویسی HTML و CSS انجام می شود.به دلیل آنکه تعداد کاربران اینترنت موبایلی از

کاربران دسکتاپی بیشتر شده است،

استفاده از این ویژگی و متد طراحی برای همه ضروری می باشد.

 

اصول طراحی گرافیک سایت

 

رنگ‌‌ها در طراحی وب‌سایت

اصول طراحی گرافیک سایت

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

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

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

می‌دهد.

مراحل طراحی گرافیکی سایت

سفارش خدمات توسط مشتری

بررسی سفارش و دریافت اطلاعات اولیه مشتری توسط پونه مدیا

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

تحویل طرح، اعمال نظرات و تغییرات مشتری و تحویل نهایی

از دیگر اصول طراحی قالب سایت می توان به استفاده از فونت ها در سایت اشاره کرد :

۱)در دنیای اینترنت هر سایت می تواند برای خود فونت مربوط به خود را داشته باشد اما فقط تعداد محدودی

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

فونت تا حدودی سرعت لود سایت شما را پایین می آورد اما استفاده از فونتهای زیبا در جای خود زیبا منحصر به فردی

به سایت شما می دهد

۲) همیشه اندازه فونت را رعایت کنید معمولا کمترین اندازه ۱۲px می باشد کمتر از این اندازه برای کاربران خوانا نیست

۳) هر فونت را در گرافیک سایت در جای خودش به کار ببرید یعنی فونتهای فانتزی برای سایتهای فانتزی و فونتهای

رسمی برای سایتهای رسمی و سازمانی

 



 

اصول طراحی گرافیک سایت

مشاوره طراحی سایت

برای دریافت راهنمایی های مربوط به طراحی و بهینه سازی سایت،

می توانید از قبل با مشاوران ما در تماس باشید .

تلفن تماس : 01132256877

همراه : 09129317376



«موفق و پیروز باشید»

    سبد خرید
    question