از نقاط کانونی برای جلب توجه به عناصر خاص استفاده کنید
دکمه تماس برای اقدام می تواند یک نقطه کانونی باشد. تصویر می تواند یک نقطه کانونی باشد. سرفصل ها همچنین می توانند نقاط کانونی باشند. همه چیز بستگی به این دارد که چگونه آنها در طراحی وب سایت ادغام شوند تا به بزرگترین نقاط مورد علاقه در وب سایت تبدیل شوند که توجه کاربر را به خود جلب کنند.
عناصر غالب در طراحی نقاط کانونی
منبع:
به لطف نقاط کانونی، کاربران شما در نیمه راه تبدیل خواهند بود (هر چه تبدیل برای وب سایت خاص شما باشد) - کاربران بر روی این نقاط کانونی تمرکز خواهند کرد و به احتمال زیاد اقداماتی را که می خواهید انجام دهند، انجام می دهند.
طرح‌بندی‌هایی طراحی کنید که به اهداف وبسایت دست یابد
بهترین روش این است که قبل از شروع طراحی یک طرح بندی / بررسی قالب های چیدمان، باید تعیین کنید که اهداف وب سایت چیست. آنها می توانند فروش محصولات، جمع آوری ترافیک یا صرفاً جذاب کردن مشتریان با یک اثر هنری باشند. چیدمان وب سایت باید بر اساس اهداف وب سایت انتخاب شود. این رفتار برخی از کاربران را تحریک می کند که منجر به دستیابی به این اهداف می شود.
طراحی صفحه فرود
منبع: Unbounce
چیدمان هایی که داستانی را بیان می کنند
طرح بندی را طراحی کنید / به دنبال طرح بندی بگردید تا در پیامی که باید منتقل کنید مطابقت داشته باشد. نواحی بخش ها باید کنار هم جمع شوند تا یک داستان کامل را روایت کنند. هر عنصر این زنجیره فصل متفاوتی در داستان شماست.
طرح بندی شامل بخش هایی با ویژگی هایی است که چیزهای زیادی در مورد ارزش برنامه می گوید
بهترین طرح بندی وب سایت با موفقیت ثابت شده
در زیر محبوب‌ترین و مؤثرترین طرح‌بندی‌های وبسایت را که طراحان در سراسر جهان برای ساخت وب‌سایت‌های خود استفاده می‌کنند، مشاهده خواهید کرد.
1. طرح زیگزاگ
تحقیقات نشان داده است که کاربران چگونه از آن برای اسکن محتوای یک صفحه وب استفاده می کنند: چشم ها در اطراف صفحه حرکت می کنند، به دنبال جهت حرف Z.
ابتدا چشم از چپ به راست می رود
سپس چشم به سمت چپ و پایین می رود
سرانجام چشمانشان به سمت راست برمی گردد
از آنجا که به طور پیچیده ای با برخی از رفتارهای معمول موج سواران در وب مرتبط است، طرح زیگزاگ برای طیف گسترده ای از سایت رسمی جانبلاغی وب سایت ها در زمینه های مختلف فعالیت قابل استفاده است.
نسخه ی نمایشی در وب سایت رستوران - ایجاد شده با موضوع مسحور کردن
2. چیدمان F
طرح بندی F شکل از یکی دیگر از رفتارهای اسکن شناخته شده پیروی می کند که در آن چشم ها در یک صفحه به شکل F حرکت می کنند.
به دلیل ارتباط آن با رفتار مصرف کننده شناخته شده، این طرح برای طیف گسترده ای از وب سایت ها، از وب سایت های تجارت الکترونیک گرفته تا وب سایت های نمونه کار، مناسب است.
طراحی F شکل
منبع:
3. عکس تمام صفحه
در این مورد، چیدمان شامل پخش محتوا بر روی یک عکس / تصویر در تمام صفحه است. به این ترتیب، بخش های متن یا بخش های منو برای زنده نگه داشتن تصویر وجود دارد. خوب است برای وب سایت هایی استفاده شود که می خواهند بلافاصله موضوع یک سایت را در ذهن بازدید کننده تثبیت کنند.
طراحی تمام عرض بالا
منبع: نتفلیکس
4. طرح بندی شبکه
اطلاعات در شبکه‌ها سازماندهی شده‌اند، که مشاهده آن را آسان می‌کند و افراد می‌توانند روی موضوعات خاص مورد علاقه تمرکز کنند. طرح‌بندی‌های وب امکان توزیع یکنواخت متن، عکس، ویدیو در صفحات وب را فراهم می‌کنند و به کاربران اجازه می‌دهند درباره اهمیت هر واحد تصمیم بگیرند. مناسب برای استفاده برای روزنامه، سپرده و غیره.
طراحی توری Ikea
منبع: ایکیا
طرح بندی وب در یک شبکه
منبع: iHeartRadio
5. چیدمان با یک ستون
این طرح بندی اطلاعات را در یک ستون سازماندهی می کند و یکی از ساده ترین طرح بندی ها برای قرار دادن است. ردیابی محتوا (متن، عکس، فیلم) آسان است و نیاز به اسکن چیزی جز شناسایی نقاط کلیدی مورد علاقه در این یک ستون نیست. مناسب برای استفاده در مقالات علمی و مقالات طولانی.
علاوه بر این، چیدمان های تک ستونی ترکیبی عالی برای یک تجربه موبایلی هستند.
طرح متوسط با یک ستون
منبع: مدیوم
6. طرح بندی تصویر ارائه شده
یکی از رایج‌ترین طرح‌بندی‌های امروزی شامل ایجاد یک تصویر ارائه‌شده است که نماینده هر صفحه در وبسایت است. تصویر برای تمرکز توجه و علاقه به نقطه کانونی که موضوع صفحه را بیان می کند، عمل می کند. همچنین، تصویر به‌عنوان منبع معنایی است که از این نقطه کانونی ساطع می‌شود. برای استفاده برای وبلاگ های خاص، مترجمان آزاد و حرفه ای ها خوب است.
نسخه ی نمایشی وب سایت برای مجموعه ای از طراحان - ایجاد شده با موضوع مسحور کردن
7. طراحی نامتقارن
چیدمان نامتقارن با قوانین تقارن بازی می کند تا جایی که آنها را به نفع یک وعده منحصر به فرد خم می کند: چیزهای بیشتری می توانیم ارائه دهیم تا با
https://medium.com/@Vincentxia77/beginners-guide-how-to-learn-web-designing-at-home-796c01b8c0c2