bg single
خانه مقاله ها تکنیک های زیبا نمایش دادن یک طراحی دو بخشی
product-introduction-image

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

comment image 0 دیدگاه
comment image 11 اسفند 1396

نویسنده : پشتیبان

دسته بندی : مقاله ها

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

۳ حالت برای طراحی نمایش دوبخشی

chekhov - تکنیک های زیبا نمایش دادن یک طراحی دو بخشی

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

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

۲٫آن برای کار در انیمیشن و افکت هایی که باعث پیش برد کلیک ها می شوند آسان است. نگاهی به مدل تولیدی مورد استفاده برای سایت Chekhow is Alive در بالا بیندازید. طراحی از شما میخواهد که با کلیک کردن شخصیت خود را پیدا کنید.

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

برگرداندن با رنگ و تایپوگرافی

baesman - تکنیک های زیبا نمایش دادن یک طراحی دو بخشی

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

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

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

یک فضای برای پیام رسانی ایجاد کنید

854766490954136658 - تکنیک های زیبا نمایش دادن یک طراحی دو بخشی

bao - تکنیک های زیبا نمایش دادن یک طراحی دو بخشی

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

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

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

تمرکز روی یک عمل

treegives - تکنیک های زیبا نمایش دادن یک طراحی دو بخشی

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

ایجاد کارت ها

soleil - تکنیک های زیبا نمایش دادن یک طراحی دو بخشی

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

آن راتغییر دهید

polken - تکنیک های زیبا نمایش دادن یک طراحی دو بخشی

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

نتیجه گیری

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

راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام مدرسه گرافیک پلاس عضو شوید.

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای: 0

کلمات کلیدی: _____
برای ارسال نظر باید ثبت نام / ورود به حساب کاربری کنید.
آخرین دیدگاه های شما
هنوز کسی نظری نداده ! تو اولین نفر باش

تومان ۵۵۰,۰۰۰ ۹۹,۰۰۰

هر هفته بهترین مقالات و تخفیف های ویژه را ایمیل می کنیم. برای دریافت، به کلوپ ۲۰۰۰۰ نفری ما بپیوندید.



جشواره فروش ویژه (99 هزار تومانی) مدت محدود (همه دوره ها 99 هزار تومان)

0 روز 0 ساعت 0 دقیقه 0 ثانبه!