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

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

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

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

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

خلاصه:

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

متن مطلب:


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

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

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

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

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

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


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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

كد مطلب:  72