-用戶界面設計 | 知乎問答精選

 

NEW

界面設計中有哪些容易忽略、又很能提升細節體驗的小狀態?

【喜饅頭的回答(16票)】: 介紹一個比較常見的,按鈕其實有六種狀態……這個應該是最容易被忽略的 (此處講的按鈕是指button類的,比如本頁右上方、知乎的「關注」按鈕,而非超鏈接式按鈕等異型按鈕) 需要樣式配合的有四種形態,其中後兩種經常被合併 正常,不多說,最常見的狀態 劃過,也就是hover,鼠標劃過響應區域時的表現 按下,按下但未釋放左鍵時,這一點經常與彈起狀態合併為一個...



Mac、iPhone 以及 Android 手機之間的顯示色差如何解決?

在 Mac 上做出的效果圖,在 iPhone 上、安卓手機上的效果都不同,同學們有沒有好的辦法? 【梁海的回答(30票)】: iOS 等主流的移動操作系統都不支持色彩管理。 為這些平台的 app 製作圖片資源時應當完全關閉色彩管理 [1]。 一切色彩效果應以你的目標設備為準。對於 iOS,建議用 LiveView [2]、Skala Preview [3] 或 xScope [4] 進行實時預覽。 移動設備的色彩表現千差萬別——連不同代 iPhone 的...



隨著屏幕 PPI 增大,長文閱讀時細明體/明體字會比黑體字更適合嗎?

【DrizztVII的回答(6票)】: 無論是明朝體還是黑體,究其設計而言都會有針對不同使用場合的優化措施。 不然的話,網屏在推出 Universal Design 系列字型的時候,就不會推出冬青 UD 明朝了。 目前 LCD 螢幕的畫素越來越高。論及顯示文字時「適合」與否, 並不取決於「明朝體」或「黑體」這兩種書體風格之間的差異, 還要看他們是否真正適合其被指派的應用場合。 西文正文字號下的正文中文字型,不用 UD ...



開發人員拒絕按照 UI 標注還原設計,如何讓他理解精確還原的重要性,從而去修改代碼?

【alienbat的回答(417票)】: 「舉個例子,聽同事介紹過 Frog 的工程師會為了不影響視覺設計師工作,自己開發出檢查設計還原的軟件進行還原檢查修改。」 Frog很牛掰嘛?是業界典範嘛? 本座只知道Google至少在2012年的時候還是絕對的工程師文化,設計師沒有話語權,別說1px,程序員能把界面做得像設計師的圖樣,設計師就感動得哭泣了。知道為啥Google的界面都那麼死板不?因為程序員首要考慮的是這個界面可...



Android 和惠普 webOS 哪一個用戶界面/使用體驗更好?

【徐毅斐的回答(25票)】: 用戶體驗是個模糊的概念,其好壞評價分人(用戶)和分場景,還有很多其它因素(習慣、美觀、驚喜、品牌、口碑)也會影響。 忽略過多的細分,幾乎所有產品的用戶都可以分為新手與熟手,場景可以分為初學與熟練。所以,大體上,用戶體驗可以分為2個重要階段:新手學習上手&熟手長期使用探索(還有一個重要影響階段是使用前的營銷影響)。不同的產品設計所側重的階段是不一樣的,...



為什麼一張好的畫「高級灰」佔據了畫面大部分?

【Dune鳥的回答(208票)】: 高級灰是高考美術培訓出來異化的術語。僵化教育下的產物。 本身特指一系列顏色純度偏低,搭配起來易給人和諧感。但在繪畫上顏色實際無高低級。搭配也無特定美醜。看畫家想用顏色表達怎樣的感情。 看馬蒂斯的畫,經常是高飽和的色彩且大紅大綠,可是美的一塌糊塗動人心弦百看不厭欲罷不能。 康定斯基的畫,色彩通過形狀和顏色對人情感的影響,色塊和點線面能表現出交響樂一樣...



為什麼現在屏幕分辨率提高了,但 UI 設計卻有簡約風格化的發展趨勢?

【JJ Ying的回答(29票)】: 答案很簡單:UI 是為內容服務的,更高的分辨率是為了增加了內容的清晰度,更簡約的 UI 是為了讓人們能更快速地獲得想要的內容,這兩者不衝突。當然這裡指的「簡約」不是單純指平面化或者去質感。 有很多設計師都在感歎某些特平面化的界面浪費了如今越來越清晰的手機屏幕,包括我自己,但這更多還是因為我們自己的職業,GUI 設計師通常是一幫把 UI 的重要性看得過重的人群。實質上...



視覺設計師是怎樣讓前端工程師 100% 實現設計效果的?

【陳希Chris的回答(126票)】: 這是一個經常被討論的問題,「創新設計能力 & 跟進還原能力」。這是一個商業設計師而非藝術家的兩重技能要素,同樣重要,缺一不可,甚至在很多時候後者的作用力會更大,畢竟我們還是要做一個落地的商業產品而不是意淫的概念稿。這是任何一個在職的商業設計師能力模型之內不能被忽視的要素之一。 1:效果實現難度 設計師天馬行空的大腦會迸發出各種奇思妙想,例如一個看起...



Android 中,應用程序需要的圖片資源如何針對不同屏幕大小手機設計?

1.800x480、480X320、320X240分辨率的手機需要不同的圖片資源; 2.如何設計三套圖片資源來滿足這3種分辨率的手機,這三套圖片資源之間有什麼樣的大小比例關係? 3.美工設計圖片的時候有沒有技巧?可否先設計一套,然後按照比率縮放呢? 【iCooVoo的回答(57票)】: 可以按照手機屏幕的標準把800x480理解為hdpi,480x320為mdpi,320x240為ldpi,根據最新的數據顯示,Android所有手機中hdpi和mdpi佔有九成以上...



Apple.com 上的產品圖片是照片處理的還是純粹用電腦製作出來的?

http://Apple.com 上產品的圖片都是空白背景,只有大大的產品立在中間。技術上說這些圖都可以用 Photoshop 等工具做出來,那麼這些圖究竟是拍的還是畫的? 【Hi-iD的回答(5票)】: 補充(2011-4-23):我原先認為有不少圖片是軟件直接製作的,但仔細看後,以及和 Peter Belanger 拍的一些照片比較(包括他為 Macworld 拍的照片),認為產品的圖片基本是照片拍攝,但後期處理很細緻。 ~~~ 以下是以前的回...