PooyaSoft.Com
پویندگان دنیای ارتباطات

11 بهمن 1388 ساعت 16:59

روش نوین طراحی وب

سپید بیاندیشید!

مترجم:  محمدحسین کردونی

خلاصه:

روش‌های نوین طراحی وب، به‌یکباره سر از زمین بیرون نمی‌آورند، بلکه روش‌های ماندگار و فراگیر مبنایی علمی برای خود دارند. یکی از تازه‌ترین روش‌های طراحی، روش «مبتنی بر سفید» است.

متن مطلب:


روش‌های نوین طراحی وب، به‌یکباره سر از زمین بیرون نمی‌آورند، بلکه روش‌های ماندگار و فراگیر مبنایی علمی برای خود دارند. یکی از تازه‌ترین روش‌های طراحی، روش «مبتنی بر سفید» است. منظور از مبتنی بر سفید، فضایی تمیز، فوق مدرن و با محیطی روشن است که هم آرامش را القا می‌کند، هم حرفه‌ای‌گری را. مثال‌هایی که در این مطلب زده می‌شود را حتما بررسی کنید، دست آخر اگر رضایت شما را جلب کرد، شما نیز این تکنیک را به‌کار بگیرید.

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

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

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

روش صرفه‌جویی در پیکسل، به مرور تغییرات زیر را در یک صفحه ایجاد خواهد کرد:‌

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


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

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

چرا خاکستری روشن؟

به‌دلایل زیر باید از خاکستری روشن برای پس‌زمینه‌ها استفاده کرد:

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


به‌محتوا اجازه خودنمایی بدهید

زمانی که محیط یک صفحه ساده و شفاف باشد، فضای زیادی وجود دارد برای‌ آن‌که متن را هر چه بیشتر نشان دهید و ارتباط بهتری با کاربر ایجاد کنید.

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

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

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

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

چند نمونه برای این روش ترکیب رنگ

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

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

منبع:  جام جم - کلیک

كد مطلب:  72