
|
493
在兩個曲線交錯的地方,注意曲線的幾何正切有何影響。正切是直角嗎?直角會形
成較為平靜、穩定的構圖;如果它們形成更尖銳的角度,設計將變得更具有張力,
且有更明顯 的動態。( 在此提醒一 下,這段說 的並非鐵律 ,但是一般 情況下是對
的。)
當使用角度、曲線,以及非矩形形狀時,要想一想焦點落在哪裡:比方說,焦點會
落在尖銳的角上(也就是線段交叉的地方),或者多條線會合的地方。使用這些焦
點來牽引瀏覽者的視線,落到我們希望瀏覽者注視的地方。
紋理與韻律
紋理可以豐富視覺設計。如同「排版」一節中所說的,文字形成自己的紋理
*
,選
擇好的字型就可以控制紋理帶來的外觀。對於許多頁面和介面而言,字型是最重要
的紋理元素。
但是其他種類的紋理也應該受到注意。空白區域(像是網頁邊緣的空白長條)如果
填上紋理會更好看。我們也可使用紋理環繞住強烈的視覺元件,加以突顯,如同設
計六和七所示。紋理可以增加視覺趣味,也可以影響事物給人的感覺,不同的紋理
可以為事物添加溫暖、豐富、刺激、張力等不同感受。在介面設計上,最有效的紋
理是從細微處影響,而不是耀眼得像萬花筒、看久了會眼睛痛的紋理。使用溫和的
色彩變化,以及非常小的細節。當紋理在廣大區域裡擴散後,它們的視覺衝擊比想
像的更強烈。圖 11-10 顯示某些 CSS 設計的邊界紋理。1 像素大小的點、平行線
段、仔細描繪的格子,都是不錯的幾何紋理;它們容易製作與呈現,且可以為設計
增添細緻感。請參考
框線細如髮(Hairlines)
模式。
在電腦螢幕上,於文字背景使用紋理時一定要