user-interface - usability中文 - user interface中文




用戶界面-顏色和佈局 (6)

儘管我對Web應用程序信息特別感興趣,但我也對桌面應用程序開發感到好奇。 這個問題是由我在我的個人網站上的工作以及我的工作所驅動的,在那裡我開發了一些功能,但留給別人去整合網站的外觀和感覺。

是否有任何指南或顏色方案,佈局,格式等東西的經驗法則? 我想確保訪問者的可讀性和清晰性,但同時又不能平淡無味。

至於我在這方面的知識 - 如果你給我一張照片,我有足夠的知識在屏幕上重現它,但如果你問我設計一個新的界面或重新設計一個現有的界面,我不知道從哪裡開始。


一個提示,檢查你的顏色是否有良好的對比度是快照,並轉換為灰度。 如果你看不懂,顏色肯定是不好的選擇。

另外,雖然這不是關於用戶界面,“ 前後”雜誌可以給你一些關於顏色,設計和相關主題的很好的提示。 它甚至有一些免費的PDF下載。


使用高對比度色彩組合; 白色背景上的黑色文字是高對比度組合的最佳例子。

不好的組合是紅色背景上的綠色文本。 對於色盲人士(如我)來說,這太可怕了。

看看你的網站看起來像一個色盲人: colorfilter.wickline.org


我很難找到一起看起來很好的顏色,所以我欺騙和使用自然界的圖片,大多是我想要的顏色(比如綠色),然後我使用這個網站來拉出主要的配色方案。 一般來說,大自然在設置自己的漂亮配色方案方面做得相當不錯。



通常,每個操作系統都有用戶界面指南。 對於Windows, 看看這裡 。 (編輯:該帖子中的鏈接被破壞,但在MSDN上搜索“ 用戶界面指南 ”有關於所有內容的文章)

蘋果也有它自己的。 另外,你可能想要保持可訪問性


這裡有一些簡單的可用性排版指針。 這些東西主要解決可讀性和可訪問性問題。

DOS:

  • 使用相對字體大小(em)
  • 使用LANG屬性識別文檔內的語言更改
  • 在白色背景上的黑色文本
  • 對於標題,使用H1,H2等,並適當地嵌套它們
  • 大塊的內容和組織符合您的用戶正在尋找的標題
  • 寫清楚和簡單的副本
  • 左對齊,右對齊
  • 文本到背景顏色必須是高對比度

DONTs:

  • 使用“點擊這裡”或“更多”作為鏈接文本
  • 強調使用下劃線
  • 超過2個字體類型的家庭
  • 斜體
  • 使用全部大寫的文本塊
  • 在白色背景上使用真正的紅色或真正的藍色文字(色差)




usability