روند طرح بندی در طراحی سایت در سال ۲۰۱۵

  • شهریور ۱۰, ۱۳۹۴

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

۱-طرح بندی در طراحی سایت تقسیم صفحه نمایش

در طرح بندی صفحه نمایش با استفاده از یک قسمت عمودی انجام می پذیرد که می تواند فقط یک خط باشد می تواند یک منو باشد و هم چنین می تواند یک سیستم یا بخش مجزای دیگر باشد که بر اساس نیاز این تقسیم بندی ایجااد می شود.
دلایل استفاده از این طرح بندی در طراحی سایت
کسب و کارهایی که می خواهند دو چیز ار ترویج دهند به طوری که دارای اهمیت برابری می باشند به صورتی که با این تقسیم بندی به کاربر اجازه می دهد تا یکی از دو بخش را بنا به خواست خود انتخاب نماید.
برخی از کسب و کار ها نیز ممکن است بخواهند ملزومات خود را در یک بخش و با استفاده از یک عکس و در بخش دیگر بخواهند به معرفی کارکنان و یا نمونه هایی از محصولات خود بپردازد مثلا شما وب سایت زیر را در نظر بگیرید که وب سایت خود را به چه صورت طراحی نموده است. Deweyspizza این وب سایت نمونه از از طرح بندی تقسیم صفحه می باشد.(http://www.deweyspizza.com/#!/)

piza
یا می توانید به وب سایت پژو میز یه نگاه بندازید: Peugeot که نمونه زیبا از یک وب سایت با طرح بندی تقسیم صفحه می باشد.(http://www.peugeot.com/)

241
توجه داشته باشید که این نوع از وب سایت ها را بیشتر کسب و کار معروف که دارای برند های شناخته شده اند استفاده می کنند این نوع از وب سایت ها در سئو سایت خیلی به سختی در نتایج جستجو در رتبه های بهتر دیده می شوند .

۲-گرید بندی (بلوک بندی صفحه نمایش)

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

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

طرح بندی در طراحی سایت

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

طرح بندی در طراحی سایت

۳-طرح بندی بدون کروم

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

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

طرح بندی در طراحی سایت

۴-طرح بندی تک صفحه ای وب سایت

در این نوع از طرح بندی که در سال ۲۰۱۵ نیز معمول شده است تنها یک صفحه همانند تلویزیون به کاربر نشان داده می شود البته این نوع از طرح بندی صفحه نمایش وب سایت را با کروم نباید اشتباهی گرفت. این نوع از طرح بدی یک اثر فوق العاده است . که یک تصویر جذاب از برند و نام تجاری محصول ارائه می کند . و کاربر را خیره می کند .

طرح بندی در طراحی سایت

۵-پس زمینه های بزرگ

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

طرح بندی در طراحی سایت

در این تصویر ایده ای که طراح پیاده کرده است بسیار عالی است به صورتی که اصلا کاربر را سردرگم نمی کند در واقع یک طرح جسورانه است.

شما وب سایت زیر را خودتان در نظر بگیرید.و تحلیل کنید به نظر ایده ای خوب می آید.

طرح بندی در طراحی سایت

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

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

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

در صورتی که به دنبال راه اندازی کسب و کار خود در دنیای اینترنت هستید . عدد 21 را به شماره 09107585955 پیامک نمایید یا در لینک زیر فرم درخواست مشاوره را پر نمایید تا مشاوران اینتن با شما در تماس باشند . با اینتن بروز باشید.

بدون نظر
 

پیام بگذارید

(No Ratings Yet)
Loading...