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

بخندید و برنامه نویسی یاد بگیرید!

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

هدف ما اینست که سهم هر چند کوچک در آموزش طراحی و برنامه نویسی داشته باشیم و همراه با خنده و تفریح آموزش بدیم!

مشاهده آموزش ها
کل آموزش ها
25
نظرات و عقیده
11
وردپرس
8
آموزش طراحی
5

مراحل طراحی یک قالب وردپرس

طراحـــــی ، قدرت تخیلی در قالب کد

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

اصول طراحی سایت با قالب جذاب و به‌یاد‌ماندنی چیست؟

اصول طراحی سایت با قالب جذاب و به‌یاد‌ماندنی چیست؟

 

برای طراحی سایت جذاب با Adobe illustrator و نرم‌افزار های وکتور بیس آشتی کنید

 

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

نکته‌ی مهم دیگر این است که فایل‌های وکتور را می‌توانید به صورت SVG ذخیره کنید که حجم بسیار کم و کیفیت بسیار عالی داشته باشند.

مزیت دیگر این‌که، وکتور‌ها انعطاف پذیرند و می‌توانید در هر سایز و اندازه‌ای بدون افت کیفیت از آن‌ها استفاده کنید، که این نیز موضوع بسیار بسیار مهمی‌است.

از سایت فری‌پیک، می‌توانید کلی وکتور رایگان و حرفه‌ای دریافت کنید

از سایت فری‌پیک، می‌توانید کلی وکتور رایگان و حرفه‌ای دریافت کنید

 

سایت Freepik سایتی عالی برای دریافت انواع وکتور‌های رایگان و زیبا است؛ در نظر داشته باشید گرافیک عامل مهمی در چگونگی طراحی سایت جذاب است؛ کمتر طراحی وجود دارد که این سایت را نشناسد؛ اما متاسفانه برای آی‌پی‌های ما کاربران ایرانی این سایت تحریم است، و برای دسترسی به آن باید از یک وی‌پی‌ان استفاده کنید.

تنها کافیست در قسمت جستجوی سایت فری‌پیک کلمه مورد نظرتان را نوشته و از قسمت فیلتر‌ها تیک گزینه free را بزنید؛ البته این سایت، علاوه بر وکتور فایل‌های لایه‌باز را نیز داراست که در صورت نیاز می‌توانید از قسمت فیلتر‌ها تیک گزینه‌ی Vector را فعال کنید تا فقط فایل‌های وکتور برای شما نمایش داده شود. البته توجه داشته باشید، از این سایت می‌توانید فایل وکتور برای پست‌های اینستاگرامی، استوری‌های اینستاگرامی، فایل‌های وکتوری کارت ویزیت و… را نیز به صورت رایگان دانلود و استفاده کنید.

 

انتخاب رنگ‌بندی برای قالب بسیار مهم است

 

انتخاب پالت و رنگ‌بندی مناسب عامل مهمی در طراحی سایت جذاب و زیبا می‌باشد

انتخاب پالت و رنگ‌بندی مناسب عامل مهمی در طراحی سایت جذاب و زیبا می‌باشد

 

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

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

به خاطر اهمیت این موضوع، چند نمونه از بهترین سایت‌هایی که می‌توانید از پالت‌های رنگ و گرادینت ارائه شده توسط آن‌ها استفاده کنید به شما معرفی می‌کنیم.

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

 

اگر می‌خواهید سایت جذاب طراحی کنید سادگی را فراموش نکنید

 

زیبایی در سادگی است

زیبایی در سادگی است

 

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

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

 

فونت ها در چگونگی طراحی سایت جذاب نقش کلیدی دارند

 

نقش فونت ها در طراحی سایت جذاب و زیبا

نقش فونت ها در طراحی سایت جذاب و زیبا

 

اگر شما تمامی اصول بالا را رعایت کرده باشید اما از فونت Tahoma استفاده کنید، به نظر خودتان، ظاهر اپلیکیشن شما چگونه خواهد بود؟ چشم‌زن!

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

اگر فونت رایگان می‌خواهید، فونت وزیر می‌تواند برای شما بسیار مناسب باشد.

اگر می‌توانید برای کسب‌و‌کارتان لایسنس فونت تهیه نمایید، فونت‌های ایران سنس و ایران‌یکان بسیار زیبا هستند.

برای متون انگلیسی نیز می‌توانید از دو فونت Poppins و  Montserrat استفاده کنید.

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

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

به نظر می رسد که شما نوتیفیکیشن را مسدود کرده اید!
اشتراک گذاری
شاید این مطالب را نیز بپسندید
دیدگاه یا سوال خود را مطرح کنید
guest
0 نظر/ سوال و جواب
Inline Feedbacks
View all comments
0
اگر سوال یا دیدگاهی دارید ، مطرح کنید!x
()
x