بررسی روش نوین طراحی وب “مبتنی بر سفید”
سه شنبه, تیر ۳۰م, ۱۳۸۸نوشته ای رو تو شماره این هفته ضمیمه کلیک روزنامه جام جم در مورد روش یکی از روش های نوین طراحی وب می خوندم , از اونجائیکه موارد یاد شده تو این نوشته تا حدی به نوع طراحی این وبلاگ نزدیک بود بر اون شدم تا متن کامل اون رو با کمترین تغییری در اینجا هم قرار بدم.
روش های نوین طراحی وب , به یکباره سر از زمین بیرون نمی آورند , بلکه روشهای ماندگار و فراگیر مبنایی علمی برای خود دارند. یکی از تازهترین روش های طراحی , روش مبتنی بر سفید است. منظور از مبتنی بر سفید , فضایی تمیز , فوق مدرن و با محیطی روشن است که هم آرامش را القا می کند , هم حرفهای گری را. مثال هایی که در این مطلب زده می شود را حتما بررسی کنید , دست آخر اگر رضایت شما را جلب کرد , شما نیز این تکنیک را به کار بگیرید.
روی هر پیکسلی که طراحی می کنید هدف داشته باشید. بدین ترتیب , نزدیک ترین مسیر برای تکامل تان را خواهید پیمود. طراحان وب باید طوری از پیکسل ها استفاده کنند که انگار منبعی باارزش و رو به اتمام چون نفت را در دست دارند.
پیکسل ها تنها باید برای ارتباط با کاربران سایت مورد استفاده قرار بگیرند , خواه ارائه اطلاعات سخت (متن و داده) باشد یا عکس و گرافیک. بههر طریق , باید معمولا از پیکسل ها به گونه ای استفاده کنید که چشم را به سمت محتوای خاص صفحه تان بکشاند.
اگر این رویکرد را مدنظر قرار دهید , به مرور زمان طراحی هایتان ساده و ساده تر خواهد شد و دست آخر , به میزانی کاملا مینمالیستی خواهید رسید که توجه کاربران را به خود جلب خواهید کرد.
روش صرفه جویی در پیکسل , به مرور تغییرات زیر را در یک صفحه ایجاد خواهد کرد:
- پس زمینه ها به رنگ خاکستری روشن تمایل پیدا خواهند کرد و هیچ چیزی برای جلب توجه نخواهند داشت و حتی ترکیب رنگ آن ها نیز بسیار ملایم خواهد بود.
- عنوان ها بزرگ تر و متضادتر می شوند. متون سیاه یا با رنگ های قوی چشم را به نقطه اصلی تصویر می کشانند.
- خانه تکانی در صفحه مهم است , عناصر اضافه را از صفحه بیرون بکشید.
- طرح بندی ها ساده تر می شوند و ستون ها کمتر خواهند شد و فقط با کمی تمایز در رنگ , از بقیه مطالب فرعی متمایز خواهند شد.
اگر در پیکسل هایتان صرفه جویی کنید , به زودی به صفحهای خالی خواهید رسید که بسیار سبک است و فضایی فوق مدرن را تداعی می کند. انگار که تئاتر جراحان یا گالری هنری باشد.
سفید بهترین رنگ پایه برای صفحههای وب است و می توانید به کمک همین رنگ , کنتراست های زیادی با پسزمینه خود ایجاد کنید یا از پس زمینه بسیار تیره با عناصر فوق روشن استفاده کنید و یا پس زمینه بسیار روشن. پس زمینه های تیره احساس غم و سنگینی در مخاطب ایجاد می کنند.
چرا خاکستری روشن؟
به دلایل زیر باید از خاکستری روشن برای پس زمینه ها استفاده کرد:
- خیلی خوب است که پس زمینه تان بیشتر شبیه پس زمینه باشد تا بتوان به سادگی آن را از محیط متنی تمیز داد و کاربر را به سمت متن سوق داد.
- رنگ پس زمینه و متن نباید یک جور باشد , چرا که طیف ایجاد شده توجه را از متن منحرف می کند.
- اگر متن سفید باشد , پس زمینه باید در طیف نزدیک به آن باشد. یعنی خاکستری روشن یا راه راه.
بهمحتوا اجازه خودنمایی بدهید
زمانی که محیط یک صفحه ساده و شفاف باشد , فضای زیادی وجود دارد برای آن که متن را هر چه بیشتر نشان دهید و ارتباط بهتری با کاربر ایجاد کنید.
عبارت مبتنی بر سفید هم از همین جا آماده است , نه فقط پس زمینه ها بایستی روشن باشند , بلکه به مانند معماری داخلی یک ساختمان , مبلمان و اثاثیه هم باید از همین طریق پیروی کنند.
فرض کنید یک آپارتمان روشن و فوق مدرن دارید که تمام دیوارهای آن سفید و یا شیشه ای باشد. در این حالت تمام توجه شما به وسایل داخل خانه جلب می شود. این دقیقا همان کاری است که باید درباره صفحه تان انجام دهید.
چشم ها به ترکیب رنگ ها توجه می کنند پس اگر پسزمینه را سفید کنید , کاربر درواقع مجبور می شود به متن نگاه کند و طراح بهراحتی می تواند با بزرگ تر کردن , کلفت کردن و رنگی تر کردن متن ها , توجه بازدیدکننده را به سوی منظور خود جلب کند.
مهم ترین بخش این مساله آن است که از ترکیب رنگ ها برای هدایت توجهات استفاده می شود و سعی می شود کمترین توجه به پس زمینه جلب شود.
چند نمونه برای این روش ترکیب رنگ
یک فرم سفید سفید با حاشیه بسیار نازک , سایههای سه بعدی در گوشههای چارچوب با استفاده از اضافه کردن پیکسل های کم حس گوشه دار بودن را القا میکند.
جدول سفید سفید. استفاده از ستونها و سطرهای روشن این امکان را می دهد تا از متن تیره تر در آن استفاده شود. ترکیب رنگ روشن بین سرنوشتهها و بدنه جدول , متن آن را بیشتر بروز می دهد.
در نگارش این نوشته مورد استفاده قرار گرفته:
0
در 
در 
در 
در 