設計理論:提升設計的專業性和感染力

來源:互聯網
上載者:User

譯文原文:
http://blog.benhuoer.com/2009/04/10-simple-and-impressive-design-techniques/

複雜的設計技巧總是很花時間,也實在是….複雜。 進階效果 為設計增色不少,但如果用得不對,只會影響使用者對重點內容的關注。進階效果可能正好是一項好的設計的衝擊力所在,但即便如此,也還是需要一些更簡單的效果與其配合。

簡單的效果和技巧是建造當今設計的基石。比方說,如果你都不知道如何正確選擇顏色和文字效果,燦爛的 星光效果 又能有什麼用?

本著“少就是多”的理念,我們為你精選了十個簡單好用的設計技巧 ,它們能大大提升你設計的專業性和感染力。

更多技巧可參閱(英文):

  • 12 Useful Techniques For Good User Interface Design
  • Grid-Based Design: Six Creative Column Techniques

基礎先行。 學會走之前要先學會爬,讓我們從最基礎的簡單有效設計的概念開始。

1. 增加對比

很可惜,添加額外的對比是最被忽視和棄用的技巧之一。

Joost de Valk 採用了細的高對比邊線,讓訪客能更容易區分頁面的不同地區。在上圖中放大了的部分,你可以看到,大多數時候這種對比只是一條1像素的高亮線挨著1像素的暗線。

話說回來,這個頁面上的“More”和“Go”按鈕與周圍的對比太小,即使你刻意在找也很容易被忽略掉。

WordPress 為頁面中最受歡迎的連結 “Download(下載)” 使用了對比色。 這種紅色在冷灰色調的頁面中自己跳了出來。但這紅色在明度方面有所收斂,避免了影響頁面整體效果。

如果你對於該不該使用對比猶豫不決,就把這一決定過程當做是化妝。你要做的不是讓人們大吼“看呐,對比色!”,你需要的是自然而然的吸引他們注意頁面中重要的內容,高亮出已經存在的重點。



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。