اصول اولیه طراحی گرافیک

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

۱۴ نکته ضروری در زمینه طراحی گرافیک برای هر وب سایت،طراحی گرافیک چیست؟

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

در این مقاله ، ما به بحث درمورد این مقوله میپردازیم که طراحی گرافیکی سایت چیست ؟و نکات اساسی که در طراحی یک وب سایت باید رایت کنید.

یک وب سایت عالی تعادل درستی بین جذابیت بصری و تبدیل موفقیت آمیز بازدیدکنندگان به اقدام مورد نظر برقرار می کند (به عنوان مثال: اضافه کردن ایمیل ، پر کردن فرم ، خرید چیزی و غیره).عناصر طراحی گرافیکی مورد استفاده در کل صفحه می توانند تأثیر زیادی داشته باشند مانند طراحی گرافیک برای تبلیغات.قبل از به اشتراک گذاشتن نکات ، بگذارید بحث کنیم که طراحی گرافیکی چیست و چرا مهم است.

طراحی گرافیک چیست؟

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

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

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

اکنون این سوالات مطرح می شود – هنگام ایجاد یک وب سایت جذاب ، چه نکاتی را باید در خاطر داشته باشید؟ نکاتی که باید هنگام ایجاد طراحی وب سایت به خاطر بسپارید چیست؟

در این پست ، ما ۱۴ نکته طراحی را برای کمک به شما در ایجاد یک وب سایت خیره کننده و موثر به اشتراک گذاشته ایم.

در اینجا ۱۴ نکته ضروری برای طراحی گرافیک برای هر وب سایت آورده شده است

۰۱. رنگهای متضاد را انتخاب کنید

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

رنگ ها می توانند تأثیر مهمی در واکنش بازدیدکننده به طراحی شما داشته باشند.

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

۰۲.ظاهری منسجم را ایجاد کنید

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

از ۱تا ۳ رنگ اصلی که دارای هماهنگی هستند استفاده کنید. و ۱تا ۳ رنگ ثانویه که دارای کنتراست با رنگهای اصلی شما میباشند.رنگهای اصلی بیشتر رح شما را پر میکنند و رنگهای ثانویه با کنتراست خود پالت شما را تکمیل میکنند.

بیاد داشت باشید که از تن های مختلف یک رنگ برای ایجاد انسجام در پالت رنگهای اصلی خود استفاده کنید. و با تنظیم درجه روشنایی ان سایه های دلخواه خود را ایجاد کنید.سپس، یک رنگ متضاد را انتخاب کنید و دوباره درجه های مختلف روشنایی ان را برای ایجاد سایه ها امتحان کنید. یا میتوانید از رنگ های با همان درجه روشنایی و خانواده رنگی استفاده کنید.

۰۳.از فونت های ساده و خوانا استفاده کنید

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

در عوض فونتهای ساده تری را انتخاب کند که باعث درخشش محتوای شما شوند.فونتها به نوعی شخصیت و سبک خاصی را به نوشته شما میبخشند. برای ظاهری زیبا میتوانید از فونت pt serif استفاده کنید. یا برای حالت مدرن از فونت سانس که باعث سادگی و احساس صمیمیت در نوشته شما میشود.

۰۴.تعداد فونت ها را به حداقل برسانید

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

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

۰۵.فضای خالی

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

در مطالعه ای که در سال ۲۰۱۲ توسط گوگل به انجام رسید ، محققان آموختند كه طرحهای پیچیده تر به علت پیچیدگی بصری زیبایی زیادی برای مخاطبان ندارند در عوض فضاهای بسیار جذاب تر تلقی میشوند.

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

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

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

۰۶. از تراز بودن محتویات نوشته خود اطمینان حاصل کنید

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

عناوین ، متن و تصاویر همه باید در یک راستا قرار بگیرند:

i.عناوین

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

ii.متن(بدنه اصلی )

هر خط را ویرایش کنید تا شامل ۳۰-۴۰ کاراکتر باشد ، از جمله فاصله. این خوانایی را آسان می کند و تمام پاراگراف ها را با یکدیگر مطابقت می دهد.

iii.تصاویر

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

۰۷.از رنگها و مقیاسهای مختلف برای نشان دادن اهمیت مطالب استفاده کنید

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

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

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

۰۸.تاکید برای انجام عملی خاص (call -to-action)(CTA)

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

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

هنگام طراحی دکمه CTA ، رنگ ان را متناقض با رنگ نوشته قرار دهید. به همین ترتیب ، می توانید رنگ دکمه را متضاد با رنگ پس زمینه انتخاب کنید یا فضای سفید زیادی در اطراف آن قرار دهید.

به همین ترتیب ، نکات طراحی گرافیکی فوق را در مورد تشکیل یک پالت رنگی منسجم در نظر بگیرید. هنگام طراحی دکمه CTA یا سایر موارد ، رنگ ثانویه ای را انتخاب کنید که با رنگ های  دیگر شما در تضاد باشد. داشتن رنگ ثانویه که فقط برای موارد کاربردی استفاده می شود انتخابی است. مانند لینک ها و دکمه هایی که می توانند در صفحه وب شما مورد استفاده قرار بگیرند.

۰۹.به قالبهای متفاوت نمایش وب سایت خود توجه کنید

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

از آنجا که مساحت صفحه قابل مشاهده در هر سیستم متفاوت است ، مبحث fold بسیار حایز اهمیت نسبت به سال ۲۰۰۰.

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

بنابراین ، در طراحی خود به ان دقت کنید. به گفته گروه nielsen norman group ، بازدید کنندگان ۸۰٪ از وقت خود را صرف مشاهده سربرگ وب سایت شما میکنند. اطمینان حاصل کنید که پیام اصلی خود را در بالای صفحه قرار داده اید تا به راحتی در دسترس باشد.

۱۰.از تصاویر افراد واقعی در طراحی گرافیکی خود استفاده کنید

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

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

هنگامی که در صفحه فروش تصویری از یک شخص واقعی نمایش داده شد ، فروش ها به طور سرسام آور ۱۰۲.۵٪ افزایش یافت. چهره ها به ایجاد اعتماد کمک می کنند و فروش ها را بیشتر میکند. بنابراین از عکس های بدون شخصیتهای انسانی زیاد استفاده نکنید.

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

۱۱.ثابت قدم بمانید

ایجاد یک سبک ثابت به انتخاب فونت ، رنگ ، کیفیت ، نور و تناسب میان انها  بستگی دارد. به عنوان مثال ، یک عنوان ۱۲۰ px نباید با زیرعنوان ۴۰ px بکار برده شود.

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

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

۱۲.از نمادها برای افزایش علاقه مخاطب به مطالب استفاده کنید

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

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

درست مثل عکس ها ، آیکون ها را می توان متناسب با سبک وب شما طراحی کرد: می توان آنها را بزرگ تر یا کوچک تر کرد و رنگ آنها را تغییر داد. به همین ترتیب ، آیکون هایی مانند فلش می توانند به عنوان نشانه ای جهت دار برای هدایت بازدیدکنندگان به سمت CTA استفاده شوند.

۱۳.صفحه خود را ساده نگه دارید

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

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

۱۴.عناصر اصلی گرافیک خود را هدف دار طراحی کنید

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

با حذف عناصر اضافی و ساده سازی خط اصلی حاشیه، طراحی تمیزتر به نظر می رسد.

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

پینوشت:

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