本文作者M(jìn)ark Praschan是一位具有將近十年經(jīng)驗(yàn)的網(wǎng)頁設(shè)計(jì)師,Web開發(fā)師,Web項(xiàng)目經(jīng)理人。 文中強(qiáng)調(diào)復(fù)雜的高級(jí)效果能為設(shè)計(jì)增色不少,但如果用得不對,只會(huì)影響用戶對重點(diǎn)內(nèi)容的關(guān)注。高級(jí)效果可能正好是一項(xiàng)好的設(shè)計(jì)的沖擊力所在,但即便如此,也還是需要一些更簡單的效果與其配合。
簡單的效果和技巧是建造當(dāng)今設(shè)計(jì)的基石。比方說,如果你都不知道如何正確選擇顏色和文字效果,燦爛的 星光效果又能有什么用?
本著“少就是多”的理念,通過十個(gè)簡單好用的設(shè)計(jì)技巧 ,就足以大大提升你設(shè)計(jì)的專業(yè)性和感染力?;A(chǔ)先行。 學(xué)會(huì)走之前要先學(xué)會(huì)爬,讓我們從最基礎(chǔ)的簡單有效設(shè)計(jì)的概念開始。
基礎(chǔ)先行。 學(xué)會(huì)走之前要先學(xué)會(huì)爬,讓我們從最基礎(chǔ)的簡單有效設(shè)計(jì)的概念開始。
1. 增加對比
很可惜,添加額外的對比是最被忽視和棄用的技巧之一。
Joost de Valk 采用了細(xì)的高對比度邊線,讓訪客能更容易區(qū)分頁面的不同區(qū)域。在上圖中放大了的部分,你可以看到,大多數(shù)時(shí)候這種對比只是一條1像素的高亮線挨著1像素的暗線。
話說回來,這個(gè)頁面上的“More”和“Go”按鈕與周圍的對比度太小,即使你刻意在找也很容易被忽略掉。
WordPress 為頁面中的鏈接 “Download(下載)” 使用了對比色。 這種紅色在冷灰色調(diào)的頁面中自己跳了出來。但這紅色在明度方面有所收斂,避免了影響頁面整體效果。
如果你對于該不該使用對比猶豫不決,就把這一決定過程當(dāng)做是化妝。你要做的不是讓人們大吼“看吶,對比色!”,你需要的是自然而然的吸引他們注意頁面中重要的內(nèi)容,高亮出已經(jīng)存在的重點(diǎn)。
2.漸變
技術(shù)的發(fā)展為所有想使用漸變的人提供了各種創(chuàng)造漸變的工具。但漸變真的很好么?