January 2012
Intermediate to advanced
584 pages
11h 56m
Chinese
Content preview from 操作介面設計模式 第二版
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,
O’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.I 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.I’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.I'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.
132
|
第四章
頁面排版基礎入
這節討論幾種頁面排版時的元素：視覺階層、視覺動線，以及如何使用動態元素。
視覺階層：什麼是重要的？什麼是相關的？
任何形式的平面設計都會涉及視覺階層的概念。簡而言之，最重要的概念應該要最
突出，最不重要的概念應該最不突出。標題看起來應該要像標題，副標題看起來應
該像副標題，清單看起來應該像清單 — 換句話說，根據版面的配置方式，讀者應
該能推論出頁面的資訊架構。
在你所設計的頁面上，什麼是最重要的事物？請把最重要的事物做成吸引注意力的
中心點。你能根據重要性，把其他事物由高到低排序嗎？請把頁面上的其他事物安
排成漸次吸引愈來愈少的注意力，讓較不重要的事看起來比較無趣。簡而言之，良
好的視覺階層能立刻提供以下線索：
•
與其他頁面元素比較時的重要性高低
•
頁面元素間的關係
如何看起來更重要
遇到簡短但大型的文字區塊 — 如標題與短語 — 請善用字型大小、對比色與視覺比
重（參見圖 4-1）。藉由安排大量留白，或採用背景色，也能讓文字看起來很有戲劇
效果。同時使用兩種以上本段提到的特性，強調標題文字，使之與本文產生區別。
圖
4
-
1
有階層之分的大型區塊
較小的項目區塊 — 例如本文文字、連結或互動工具 — 則可使用以下工具加以強調
或調弱。請於圖 4-2 參考各項工具的範例。
DI_2e_ch04.indd 132 2012/1/5 下午 03:45:33
模式
|
133
密集度（Density）
一個緊密、看起來很沉重的區塊，與周邊的頁面空間具有比較強的對比性；一
個比較
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
O’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.
I 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.
I’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.
I'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.