روند طرح بندی در طراحی سایت در سال 2015

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

برچسب‌ها:طرح