Skip to Content
操作介面設計模式 第二版
book

操作介面設計模式 第二版

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

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

AirBnbBlueOriginElectronic ArtsHomeDepotNasdaqRakutenTata Consultancy Services

QuotationMarkO’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.
Julian F.
Head of Cybersecurity
QuotationMarkI wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.
Addison B.
Field Engineer
QuotationMarkI’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.
Amir M.
Data Platform Tech Lead
QuotationMarkI'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Mark W.
Embedded Software Engineer

You might also like

精實企業|高績效組織如何達成創新規模化

精實企業|高績效組織如何達成創新規模化

Jez Humble, Joanne Molesky, Barry O'Reilly
優雅的SciPy|Python科學研究的美學

優雅的SciPy|Python科學研究的美學

Juan Nunez-Iglesias, Stéfan van der Walt, Harriet Dashnow
精通機器學習|使用Python

精通機器學習|使用Python

Sarah Guido, Andreas C. Mueller
量子计算机编程:从入门到实践

量子计算机编程:从入门到实践

Eric R. Johnston, Nicholas Harrigan, Mercedes Gimeno-Segovia

Publisher Resources

ISBN: 9789862762554