我們常以“ 心有靈犀 ”來(lái)形容與合作伙伴的默契配合，若我們的產(chǎn)品能與用戶(hù)達(dá)到同樣的默契，將極大地提升用戶(hù)在任務(wù)旅程中的流暢體驗(yàn)。
在B端體驗(yàn)設(shè)計(jì)領(lǐng)域，我們深知用戶(hù)對(duì)我們產(chǎn)品的期待──快速完成任務(wù)、即用即走。
然而，隨著業(yè)務(wù)需求和產(chǎn)品功能的不斷擴(kuò)展，流程復(fù)雜化、功能冗余、信息過(guò)載和引導(dǎo)不足等問(wèn)題逐漸浮現(xiàn)，這不僅增加了新用戶(hù)的學(xué)習(xí)成本，也使得老用戶(hù)喪失了使用產(chǎn)品時(shí)的專(zhuān)注和效率。
在業(yè)務(wù)改版時(shí)，我們的體驗(yàn)設(shè)計(jì)師了解到舊版頁(yè)面信息錄入成本過(guò)高的問(wèn)題，于是提出了數(shù)字鍵盤(pán)錄入數(shù)據(jù)的方案「用戶(hù)在原本手動(dòng)錄入數(shù)據(jù)的基礎(chǔ)上，增加選擇錄入數(shù)據(jù)的能力，以此降低用戶(hù)錄入數(shù)據(jù)的操作負(fù)擔(dān)」。
鼠標(biāo)懸浮時(shí)，它就像一個(gè)傳送門(mén)一樣將用戶(hù)需要切換的應(yīng)用呈現(xiàn)在浮層卡片上，用戶(hù)點(diǎn)擊所需的應(yīng)用即可完成應(yīng)用的切換。
比如，在消息通知面板交互上我們也采用了【浮層卡片】的交互模式，用戶(hù)既可以點(diǎn)擊去查看全部消息也可通過(guò)鼠標(biāo)懸浮快捷喚出【浮層卡片】查看最新消息。
在表格頁(yè)面通過(guò)使用【浮層卡片】查看狀態(tài)、附件等信息，用戶(hù)可以不用進(jìn)入詳情頁(yè)快速獲取信息，用戶(hù)掌握好這些小貼士可以有效提高工作效率。
經(jīng)過(guò)多場(chǎng)景的實(shí)踐，我們團(tuán)隊(duì)已將浮層卡片精煉為一種有效縮短用戶(hù)使用流程的交互模式，顯著提升了用戶(hù)操作效率。也被我們拓展到更多場(chǎng)景，以實(shí)現(xiàn)在更廣泛的應(yīng)用維度上為用戶(hù)提效。
我們最初使用了數(shù)據(jù)可視化的看板來(lái)呈現(xiàn)各階段下不同狀態(tài)的概覽信息，但這只解決了數(shù)據(jù)概覽的問(wèn)題，用戶(hù)還是需要點(diǎn)擊“詳情”才能跳轉(zhuǎn)至相應(yīng)的頁(yè)面。
體驗(yàn)設(shè)計(jì)師在一些項(xiàng)目中嘗試了將數(shù)據(jù)可視化看板與Tab標(biāo)簽頁(yè)的融合，這就形成了具有Tab切換功能的數(shù)據(jù)看板，用戶(hù)在查看概覽數(shù)據(jù)的同時(shí)也可以通過(guò)點(diǎn)擊切換查看各階段/狀態(tài)下的詳細(xì)數(shù)據(jù)。
在經(jīng)過(guò)用戶(hù)反饋和不同業(yè)務(wù)場(chǎng)景下的適配后，我們又針對(duì)小屏增加了折疊功能、折疊后狀態(tài)數(shù)據(jù)隱藏、寬度不夠時(shí)狀態(tài)數(shù)據(jù)隱藏等優(yōu)化。
以上數(shù)據(jù)看板與tab頁(yè)簽融合的方案，一方面解決了數(shù)據(jù)可視化的問(wèn)題，另一方面也解決了切換查看詳情數(shù)據(jù)的繁瑣操作。在明確了以上組件的價(jià)值點(diǎn)后，將其進(jìn)行延展并應(yīng)用到了一些具有共性的使用場(chǎng)景中。
(2) 樹(shù)形連接線(xiàn)新范式，數(shù)據(jù)關(guān)系呈現(xiàn)簡(jiǎn)單明了
針對(duì)這樣的復(fù)雜多維使用場(chǎng)景，我們?cè)谠O(shè)計(jì)時(shí)借鑒了樹(shù)形連接線(xiàn)來(lái)解決需求與開(kāi)發(fā)分支的復(fù)雜關(guān)聯(lián)關(guān)系，通過(guò)樹(shù)形連接線(xiàn)將需求與開(kāi)發(fā)分支進(jìn)行串聯(lián)，讓復(fù)雜的關(guān)聯(lián)關(guān)系一目了然。
在解決了復(fù)雜的關(guān)聯(lián)的同時(shí)，在連接線(xiàn)上增加了「新增」及在表格操作列增加了「操作列」的操作來(lái)解決編輯等擴(kuò)展問(wèn)題。
樹(shù)形連接線(xiàn)作為一種解決數(shù)據(jù)可視化的手段有效解決了業(yè)務(wù)中的難點(diǎn)，同樣設(shè)計(jì)團(tuán)隊(duì)也將其拓展到了更多適用場(chǎng)景，幫助用戶(hù)提升信息查看和操作效率。
在處理嵌套表格時(shí)，樹(shù)形連接線(xiàn)的使用極大增強(qiáng)了單元格與嵌套層之間的視覺(jué)關(guān)聯(lián)。
在OKR系統(tǒng)中，樹(shù)形連接線(xiàn)的應(yīng)用使目標(biāo)和任務(wù)之間的從屬關(guān)系更加明晰。此外，還為卡片在折疊狀態(tài)下提供了展開(kāi)后可查看更多信息的視覺(jué)引導(dǎo)。
以上幾個(gè)是我們通過(guò)洞察用戶(hù)訴求，依靠設(shè)計(jì)手段改善用戶(hù)體驗(yàn)的典型案例。
想要持續(xù)而又高效的提升產(chǎn)品的用戶(hù)體驗(yàn)，僅憑零星的創(chuàng)意是不夠的，還需制定一套有效的設(shè)計(jì)策略，這套策略旨在培養(yǎng)設(shè)計(jì)團(tuán)隊(duì)成員的創(chuàng)新意識(shí)和體驗(yàn)思維能力，使設(shè)計(jì)團(tuán)隊(duì)能夠持續(xù)產(chǎn)出高質(zhì)量的用戶(hù)體驗(yàn)解決方案。
(2) 鼓勵(lì)嘗試更多可能
什么是好設(shè)計(jì)？這個(gè)問(wèn)題大概是一千個(gè)人有一千個(gè)哈姆雷特了，不過(guò)作為一門(mén)學(xué)問(wèn)，有心人會(huì)將它歸納起來(lái)，今天分享的這篇文章，是由一位有心的設(shè)計(jì)師總結(jié)而成的，聊聊他對(duì)好設(shè)計(jì)的14個(gè)維度分析，童鞋們可以學(xué)習(xí)一下呦。
1. 品味和能力
一個(gè)設(shè)計(jì)者最需要的就是好的品味（Taste）。當(dāng)我們說(shuō)一個(gè)人品味好的時(shí)候，常是指這個(gè)人的”審美”好，或者這個(gè)人善于發(fā)現(xiàn)”美”。但是一個(gè)人有好的品味，往往不是因?yàn)樗朴诎l(fā)現(xiàn)“美”，而是因?yàn)樗朴谧R(shí)別“丑”。當(dāng)一個(gè)人識(shí)別出丑陋的事物，并且對(duì)這種丑無(wú)法忍受的時(shí)候，他自然就會(huì)選擇那些美的東西。因此，好的品味不僅和”美”有關(guān)，更和”丑”有關(guān)。這里說(shuō)的”美”和”丑”，不只是表面上的好看或者不好看，它包括產(chǎn)品的美丑，技術(shù)的美丑，制度的美丑，和人性的美丑。對(duì)于剛開(kāi)始從事創(chuàng)作職業(yè)的人，尤其是做設(shè)計(jì)的，品味和能力可能會(huì)有一定的距離。在你在職業(yè)生涯剛開(kāi)始的幾年里，你的品味會(huì)比你的才能超前幾步。你的作品可能暫時(shí)沒(méi)有滿(mǎn)足你的品味，不要因此放棄，因?yàn)槟芰?huì)慢慢的趕上。而且最終，你的品味會(huì)決定你的風(fēng)格（Style）。
美國(guó)最火的廣播節(jié)目”This American Life”的Ira Glass通過(guò)一個(gè)視頻告訴我們他的經(jīng)驗(yàn)，他說(shuō)，在剛開(kāi)始幾年里，你的作品可能并不如你希望的那么好，你試圖做好，但是能力并沒(méi)有達(dá)到。但是記住品味是你的一切，如果你的品味足夠好，那你就能意識(shí)到你做的東西是很蹩腳的，是不夠滿(mǎn)意的。很多人沒(méi)有度過(guò)那個(gè)階段就中途退出了，但是我見(jiàn)過(guò)的所有優(yōu)秀的創(chuàng)作者，都曾有過(guò)這樣的階段，在這個(gè)階段中，他們有很好的品味，他們知道他們所做的并不讓自己滿(mǎn)意，但最終都度過(guò)了這個(gè)階段。因此每個(gè)人都有過(guò)這樣的階段，如果你正處在這樣的階段，你需要知道這是正常的。你所唯一能做的而且最重要的就是，做很多很多的事，每個(gè)月每周都做出新的東西，只有通過(guò)大量的實(shí)際操作，你才能跟上你的品味，才能夠彌補(bǔ)品味和能力之間的間隙。你的品味幫你辨別出你想做的和你會(huì)做的之間的距離。
一個(gè)人的品味由多個(gè)因素共同塑造，最直接的是一個(gè)人成長(zhǎng)環(huán)境的文化，中國(guó)的文化是什么也許透過(guò)frog Design的創(chuàng)意總監(jiān)Jan Chipchase的這幾張圖你就能看出一些，財(cái)富和貧困的差異，西方文化和傳統(tǒng)文化的差異，夢(mèng)想與現(xiàn)實(shí)的差異
在這樣差異巨大的多元文化下成長(zhǎng)起來(lái)的人，對(duì)差異化會(huì)比較包容，品味自然也就比較寬松，可以說(shuō)中國(guó)人適應(yīng)能力強(qiáng)，好的壞的都能將就，喝的了毒牛奶，吃的了地溝油。也可以說(shuō)中國(guó)人有中庸的思想，做事情一定跟大部分人一樣，不愿意與眾不同，搶打出頭鳥(niǎo)。還可以說(shuō)中國(guó)人喜歡辯證的看問(wèn)題，任意拿兩樣?xùn)|西去讓他做個(gè)比較，答案常常是”這個(gè)也可以，那個(gè)也不錯(cuò)，各有各的好”。中國(guó)人差異化的成長(zhǎng)環(huán)境，決定了中國(guó)人必須對(duì)丑的事物擁有極大的容忍度，否則就混不下去。在中國(guó)表達(dá)對(duì)丑不滿(mǎn)的人常常會(huì)被排擠，被攻擊，甚至遭受生命危險(xiǎn)，因此大部分人都不由自主的接受我們周?chē)氖澜纾軌虬l(fā)出批判聲音的人為數(shù)不多。有意思的是，公眾本身不覺(jué)得那么有些東西很丑陋，被有的人一提醒，才意識(shí)到原來(lái)那的確是丑的。從毒牛奶地溝油到現(xiàn)在的毒膠囊，本質(zhì)上說(shuō)都是有人對(duì)一些丑惡的做法視而不見(jiàn)的結(jié)果。中國(guó)需要更多這樣”對(duì)丑無(wú)法容忍”的人，需要一個(gè)對(duì)”丑”重新認(rèn)識(shí)的啟蒙，通過(guò)揭露丑而發(fā)現(xiàn)美。
Hi-iD 曾有一片文章講“美的感知力”，很贊同其中關(guān)于Taste的看法。Taste翻譯過(guò)來(lái)是”品味”，可品味通常是圍繞著格調(diào)上的詞語(yǔ)，比如我們會(huì)說(shuō)某某人著裝很有品味，某某人對(duì)美食很有品位，如果我們只是把品味當(dāng)做類(lèi)似著裝或美食概念上的品味的話(huà)，未免有點(diǎn)將其概念狹隘化了。Steve Jobs的衣服千古不變，如果按照大眾對(duì)品位的理解，Steve Jobs的品味就差到了極點(diǎn)。因此Taste是一種能力，而不是格調(diào)。我們不去糾結(jié)于詞語(yǔ)上的不同，就其概念來(lái)說(shuō)，絕對(duì)不僅僅是穿著時(shí)尚，或者緊跟潮流那么簡(jiǎn)單。Taste是一種”美的感知力”，是一種力量，這種力量一定是每個(gè)人都有，否則就不會(huì)有大眾都欣賞的美。既然每個(gè)人都有這種美的感知力，那么是什么讓Steve Jobs的Taste與公眾的Taste不同呢？?jī)H僅是因?yàn)槊總€(gè)人的對(duì)美的感知力大小不同決定的嗎？個(gè)人認(rèn)為正好相反，Steve Jobs的品味于眾人不同的原因在于他對(duì)丑的容忍度極底。幾乎是“對(duì)丑陋的零容忍”。這種近乎嚴(yán)苛的要求一直影響著他的一生
Steve Jobs剛剛搬新家的時(shí)候，家里沒(méi)有家具，因?yàn)樗冀K找不到自己滿(mǎn)意的家具。他就是這種寧缺毋濫的人。有一張照片，他在家里盤(pán)腿坐在地板上，家里只有一盞Tiffany的大落地?zé)簟＿@張照片后來(lái)成為了經(jīng)典。
因此”對(duì)丑的不容忍”是解釋一些人Taste的不同于其他人的最好的方法，也是解釋了中國(guó)為什么一直出不了像Steve Jobs這樣的人，因?yàn)橹袊?guó)每個(gè)人從小到大見(jiàn)過(guò)太多丑的東西，對(duì)丑的容忍度很高。不信？欣賞一下這些優(yōu)秀建筑吧。
我們從小到達(dá)都會(huì)認(rèn)為，”美”的概念是主觀的，一個(gè)東西美不美，常常由個(gè)人喜好決定。某個(gè)人喜歡一件東西，會(huì)有很多原因，有可能是他的母親也擁有同樣的東西，或者某個(gè)明星也在用它，或者是有一些特殊的記憶在里面。
人的思想就是沒(méi)有經(jīng)過(guò)整理的碎片的混合物，所有小孩子從被無(wú)數(shù)遍的教導(dǎo)，”美”是一種偏好，是每個(gè)人自己的事。這樣的說(shuō)法可以有效的解釋不同人有不同的觀點(diǎn)并且杜絕無(wú)謂的爭(zhēng)辯。但這種說(shuō)法是錯(cuò)誤的。只要你設(shè)計(jì)過(guò)東西，你就會(huì)明白。
如果你是一個(gè)設(shè)計(jì)者，如果你承認(rèn)美是主觀的，那你沒(méi)法做設(shè)計(jì)了，如果美只是個(gè)人偏好，那為什么還有設(shè)計(jì)呢，每個(gè)人喜歡自己偏好的東西就好了。
有經(jīng)驗(yàn)的設(shè)計(jì)者會(huì)發(fā)現(xiàn)隨著經(jīng)驗(yàn)的積累自己對(duì)”美”的認(rèn)知是在變化的，他會(huì)發(fā)現(xiàn)有些美是被人們共同認(rèn)可的美，找出這些被公認(rèn)的美之間的共性，就成為他的主要工作方法。中學(xué)的課堂里馬克思教我們辯證的看問(wèn)題，任何事情都是相對(duì)的，包括真理。即使我們已經(jīng)長(zhǎng)大了，這種觀念仍然會(huì)留在我們的潛意識(shí)里。但是只要你開(kāi)始思考，你就會(huì)發(fā)現(xiàn)，眾多領(lǐng)域?qū)?rdquo;美”的認(rèn)識(shí)有驚人的相似之處。
Dieter Rams的設(shè)計(jì)原則
既然有公認(rèn)的”美”，那么自然會(huì)有一些創(chuàng)造這些美的通用方法。德國(guó)工業(yè)設(shè)計(jì)師Dieter Rams總結(jié)過(guò)如下”好設(shè)計(jì)”的十大原則
好設(shè)計(jì)是有創(chuàng)意的（innovative）
好設(shè)計(jì)讓產(chǎn)品可用（makes product useful）
好設(shè)計(jì)是美的（aesthetic）
好設(shè)計(jì)讓產(chǎn)品易被理解（be understood）
好設(shè)計(jì)是不唐突的（unobtrusive）
好設(shè)計(jì)是誠(chéng)實(shí)的（honest）
好設(shè)計(jì)是不過(guò)時(shí)的（durable,timeless）
好設(shè)計(jì)貫穿到每一個(gè)細(xì)節(jié)（thorough to the last detail）
好設(shè)計(jì)關(guān)心環(huán)境因素（concerned with environment）
好設(shè)計(jì)是盡可能的無(wú)設(shè)計(jì)（as little design as possible）
Dieter Rams所說(shuō)的設(shè)計(jì)是工業(yè)設(shè)計(jì)的范疇，工業(yè)設(shè)計(jì)是塑造可操控產(chǎn)品的藝術(shù)。設(shè)計(jì)對(duì)象包括人們要的用各種實(shí)體，從餐具到椅子，從電話(huà)到汽車(chē)。在這里不討論工業(yè)設(shè)計(jì)和其他領(lǐng)域的區(qū)別，也不去逐一探討Dieter Rams的設(shè)計(jì)原則，僅僅挑出幾個(gè)有意思的分享。
這句話(huà)換個(gè)說(shuō)法就是”好的設(shè)計(jì)是簡(jiǎn)潔的”，這個(gè)觀點(diǎn)聽(tīng)過(guò)無(wú)數(shù)遍，不論從數(shù)學(xué)領(lǐng)域，建筑領(lǐng)域，繪畫(huà)領(lǐng)域，你都會(huì)聽(tīng)到這種說(shuō)法。在數(shù)學(xué)里，越簡(jiǎn)短的證明公式就越好。對(duì)于建筑師來(lái)說(shuō)它意味著精心打造的結(jié)構(gòu)，而不是表面的裝飾。同樣，在寫(xiě)作中，這種觀點(diǎn)意味著只說(shuō)必要的話(huà)，并且盡量簡(jiǎn)短。
建筑領(lǐng)域中 密斯•凡德羅 采納了包豪斯建筑學(xué)派的風(fēng)格，繼承了包豪斯的創(chuàng)始人 格羅皮烏斯 的現(xiàn)代主義建筑的觀念，并且將種觀念帶入美國(guó)，提出”少即是多(Less is more)”的建筑哲學(xué)，開(kāi)創(chuàng)了現(xiàn)代主義建筑的時(shí)代。當(dāng)現(xiàn)代建筑想要拋棄建筑中的裝飾的時(shí)，他們不自覺(jué)的的還是會(huì)設(shè)計(jì)帶有裝飾性的建筑，只有”空間(space)”和”關(guān)連(Ariticulation)”的概念代替了”象征主義(symbolism)”和”修飾(ornament)”成為建筑的關(guān)鍵詞時(shí)，好的建筑才出現(xiàn)，John Ruskin曾說(shuō)過(guò)”建筑是結(jié)構(gòu)的裝飾”，但現(xiàn)在可以說(shuō)，裝飾建造可以，但是不要建造裝飾
The Farnsworth House by Mies Van der Rohe
其實(shí)簡(jiǎn)單就是事物本來(lái)的樣子。不斷強(qiáng)調(diào)簡(jiǎn)單，是因?yàn)楫?dāng)人從事設(shè)計(jì)工作的時(shí)候，常會(huì)忘掉這個(gè)原則。比如網(wǎng)頁(yè)設(shè)計(jì)里，一些人總是想要把空白的地方填滿(mǎn)，生怕頁(yè)面空空淡淡，那樣是極傻的。設(shè)計(jì)中的裝飾只是一些花樣而已，只是些小把戲(Trick)，表面的裝飾背后隱含著的其實(shí)是內(nèi)容的空虛。當(dāng)你強(qiáng)迫自己把東西做的很簡(jiǎn)單的時(shí)候，你就被迫直面真正的問(wèn)題。當(dāng)你不能用一些花樣和裝飾掩蓋的時(shí)候，你就不得不做好那些真正本質(zhì)部分
從數(shù)學(xué)角度思考，只要沒(méi)有錯(cuò)誤，每一個(gè)數(shù)學(xué)證明都是永恒的。所以數(shù)學(xué)家哈代會(huì)說(shuō)：”丑陋的數(shù)學(xué)是在這個(gè)世界上是無(wú)法存在的”。以永不過(guò)時(shí)作為目標(biāo)是幫助自己找到最佳答案的最好方法，如果你不想讓你的產(chǎn)品被別人所取代，那你就只好做出那個(gè)最佳的產(chǎn)品。這也是為什么一些大師的作品在任何時(shí)代都很有吸引力的原因了。
同樣，把永恒作為目標(biāo)也是一個(gè)避開(kāi)流行趨勢(shì)影響的方法。”流行(Trend)”會(huì)隨著時(shí)間改變，它和”潮流”，”時(shí)尚”一樣，每年，每個(gè)季度，甚至每天都不一樣。但是如果你要設(shè)計(jì)出杰出的產(chǎn)品，你應(yīng)該避開(kāi)流行的掌控。拿三星和蘋(píng)果做比較，三星的是典型的追求流行的公司，它的文化是緊跟用戶(hù)的需求，用戶(hù)要什么他們就做什么。而蘋(píng)果的文化是要做出杰出產(chǎn)品，他們不是那種對(duì)用戶(hù)言聽(tīng)計(jì)從的人，他們不關(guān)心當(dāng)下流行什么，只關(guān)心如何找到那正確的答案。同樣，如果看國(guó)內(nèi)的創(chuàng)業(yè)熱潮，很多idea是追求當(dāng)下流行，常常照搬美國(guó)的最流行的東西或者概念，互聯(lián)網(wǎng)概念一出一大堆，一會(huì)兒LBS,一會(huì)兒SOLOMO，一會(huì)兒Cloud Computing，一會(huì)兒Pinterest等等，媒體把概念炒的風(fēng)風(fēng)火火，不但沒(méi)有幫到創(chuàng)業(yè)者什么忙，反而誤導(dǎo)了很多人，以為找一個(gè)很火的概念就一定能做好，就一定能有人用。結(jié)果并不是這樣，不論之前團(tuán)購(gòu)的火熱，或者社交游戲”Draw Something”的火熱，它們都是一個(gè)流行的產(chǎn)物，隨著時(shí)間的推移，它們會(huì)慢慢淡入我們的視線(xiàn)。反之如果一個(gè)東西能夠長(zhǎng)盛不衰，那說(shuō)明它的吸引力一定來(lái)自于本身的魅力，而不是流行因素的影響
既然好的設(shè)計(jì)是不受時(shí)間影響的，那么如何判斷你的做的東西是否受時(shí)間影響呢？方法之一就是讓你的作品對(duì)上幾代人有吸引力。因?yàn)槲覀兒茈y猜測(cè)未來(lái)是什么樣子，但是可以肯定的是，未來(lái)的人不會(huì)關(guān)心當(dāng)今的流行趨勢(shì)，這一點(diǎn)和上幾代人相同，上幾代人也不會(huì)關(guān)心當(dāng)下的流行趨勢(shì)。所以，如果你的作品對(duì)今天的人們以及200年前的人都有吸引力的話(huà)，那么它很有可能對(duì)未來(lái)200年后的人還有吸引力。
好的設(shè)計(jì)可以讓產(chǎn)品更容易被理解，許多設(shè)計(jì)者設(shè)計(jì)了半天，做的很辛苦，但是如果他解決的是錯(cuò)的問(wèn)題，一切都白費(fèi)。舉個(gè)例子，20世紀(jì)中期伴隨著包豪斯的影響，現(xiàn)代主義誕生后，出現(xiàn)了一股無(wú)襯線(xiàn)（San-Serif)字體的熱潮，浪潮發(fā)展到最后，甚至現(xiàn)在所有的設(shè)計(jì)師在任何地方都在用Helvatica了，因?yàn)槎贾肋@個(gè)字體是簡(jiǎn)潔的。的確這類(lèi)字體是更加的純粹化的字體，看起來(lái)的確很簡(jiǎn)潔，但是在字體中它并不是是你要解決主要問(wèn)題，字體設(shè)計(jì)最為重要的目的是易于辨認(rèn)，也就是讓內(nèi)容變的易讀(readable)。傳統(tǒng)的Times New Roman 字體是一種有襯線(xiàn)(serif)字體，他很容易分辨。還有很多很好的serif字體，例如Garamond，Baskerville，Carlson，Egyptienne等等。優(yōu)秀的產(chǎn)品需要貫穿到每一個(gè)細(xì)節(jié)，就連小小的字體的選擇都要做大量的研究和對(duì)比。閱讀工具prismatic的設(shè)計(jì)者為了選擇一款合適的字體，對(duì)其各個(gè)字體的歷史，發(fā)展和優(yōu)缺點(diǎn)做了極其精致的分析：
Garamond是法國(guó)傳統(tǒng)風(fēng)格，始于1530年，它對(duì)比劃的幾何比例和平衡有著超前思考，其中的字體粗細(xì)交錯(cuò)帶來(lái)了動(dòng)態(tài)的平衡和易辯性。
Egyptienne 是基于Carendon模式的一種變形，它和現(xiàn)代的sans-serifs字體搭配起來(lái)非常合適。
serif字體本身的線(xiàn)條的粗細(xì)變化和平衡就跟中國(guó)書(shū)法一樣，好的書(shū)法作品是不可能每條線(xiàn)都一樣粗細(xì)，一定是交織的平衡。人類(lèi)的視覺(jué)本身對(duì)不同線(xiàn)寬的交錯(cuò)就有著美的感覺(jué)。比如下圖最左邊是蒙德里安在”新造形主義”﹝Neo-Plasticism﹞里的作品，其中每個(gè)交叉的線(xiàn)條都有著不同的粗細(xì)。如果將同樣這幅畫(huà)的線(xiàn)條變成同等粗細(xì)，那這件作品的性格就淡了。同樣根據(jù)人自然的審美觀，細(xì)線(xiàn)條比粗線(xiàn)條要美，比較第二和第三張就能看出來(lái)
San-Serif字體并不是完全壞的，它可以作為很好的文章標(biāo)題，但是讓人傷心的是大多數(shù)設(shè)計(jì)師也許只知道Helvatica，好的san-serif字體有很多，比如Akzidenz-Grotesk，Univers
Akzidenz-Grotesk 起于1896年，受到很多字體的影響，從Baskerville, Garamond和Carlson中繼承了幾何比例的影響，將其發(fā)展到了新的一級(jí)。當(dāng)代的Akzidenz-Grotesk字體遺傳于20世紀(jì)50年代后期，它已經(jīng)是被擴(kuò)大后的字體族，這些風(fēng)格到后來(lái)啟發(fā)了更加現(xiàn)代的Helvetica，和Univers。
字體的設(shè)計(jì)最初是由印刷術(shù)帶動(dòng)的，歐洲人當(dāng)時(shí)聲稱(chēng)印刷術(shù)是德國(guó)人在1450年首次發(fā)明的，但是他們當(dāng)時(shí)不知道，中國(guó)早在1040年就發(fā)明了活字印刷術(shù)，雖然現(xiàn)在中國(guó)先進(jìn)存留的印刷物最早的已經(jīng)是13世紀(jì)的，但是關(guān)于畢升的發(fā)明活字印刷的事跡是早已記載在11世紀(jì)北宋時(shí)期沈括的”夢(mèng)溪筆談”中了。中國(guó)的字體一直是一門(mén)書(shū)法藝術(shù)了，其影響擴(kuò)展到整個(gè)東亞，但是如今寫(xiě)的簡(jiǎn)體字的我們，幾乎連欣賞書(shū)法的能力都快沒(méi)有了，前人在字體發(fā)展上的積累并沒(méi)有很好繼承下去，直到現(xiàn)在，中文在電腦上的字體只有那么幾個(gè)，相對(duì)其他語(yǔ)言，差的太多。這樣寶貴的傳統(tǒng)文化的丟失，讓人十分感嘆。
一個(gè)誠(chéng)實(shí)的設(shè)計(jì)產(chǎn)品絕不能聲稱(chēng)它并沒(méi)有的功能，絕不能吹噓。對(duì)于很多人來(lái)說(shuō)，”設(shè)計(jì)”和”誠(chéng)實(shí)”是兩個(gè)很難放在一起的詞，但是誠(chéng)實(shí)對(duì)于設(shè)計(jì)來(lái)說(shuō)太重要了，拿我們都相信的數(shù)據(jù)圖表來(lái)說(shuō)，如果你覺(jué)得，一個(gè)數(shù)據(jù)或者一個(gè)圖表是最力的證據(jù)，是無(wú)可爭(zhēng)辯的，那你就錯(cuò)了，圖表也可以撒謊。信息設(shè)計(jì)和數(shù)據(jù)可視化之父 Edward Tufte 在他的書(shū)“The Visual Display of Quantitative Information” 中說(shuō)，當(dāng)電視里的產(chǎn)品或者圖表說(shuō)謊的時(shí)候，這個(gè)謊言就會(huì)被擴(kuò)大千萬(wàn)倍。如果紐約時(shí)報(bào)的報(bào)道插入了說(shuō)謊的圖表，那么這個(gè)謊言就被擴(kuò)大了幾百萬(wàn)倍。書(shū)中有這么一個(gè)圖,圖中表示施行限速前后交通死亡數(shù)量的變化。
下面這個(gè)圖幾乎不能說(shuō)明任何問(wèn)題
加上幾個(gè)數(shù)據(jù)點(diǎn)，這個(gè)圖表達(dá)的就有了不同的解釋
我們可以試想第一幅圖的其他可能解釋。
如果再加上其他地區(qū)的數(shù)據(jù)，那表現(xiàn)的又多了一層意義。
因此，同樣的圖表，可以表達(dá)很多意思，如何找到最好的表達(dá)方式是設(shè)計(jì)者需要認(rèn)真思考的。
Paul Graham的設(shè)計(jì)原則
Y Combinator的創(chuàng)始人Paul Graham在他的文章”Taste of Maker”里講了他的設(shè)計(jì)原則
好設(shè)計(jì)是有啟發(fā)性的
好設(shè)計(jì)是困難的
好設(shè)計(jì)是看似容易的
好設(shè)計(jì)是有些奇特的
好設(shè)計(jì)是成批出現(xiàn)的
好設(shè)計(jì)是大膽的
文學(xué)作品可以被分為描述性和啟發(fā)性，繪畫(huà)作品也是，啟發(fā)性的作品往往比描述性的更打動(dòng)人心，正如每個(gè)人看到《蒙娜麗莎》都會(huì)有自己的理解一樣。在建筑和設(shè)計(jì)領(lǐng)域，這個(gè)原則意味著一個(gè)建筑或者產(chǎn)品，應(yīng)該允許你按照自己的意愿使用。比如一幢好的建筑物應(yīng)該充當(dāng)一個(gè)平臺(tái)，人們?cè)谶@個(gè)平臺(tái)上可以過(guò)自己想過(guò)的生活，而不是讓人按照建筑師的意思去安排你的生活
對(duì)軟件行業(yè)來(lái)說(shuō)，這條原則意味著應(yīng)該為用戶(hù)提供基礎(chǔ)的元素，并且使得他們能夠隨心所欲的組合，就像樂(lè)高玩具。在數(shù)學(xué)領(lǐng)域，有啟發(fā)性意味著一個(gè)好的研究應(yīng)該可以為許多新工作提供基礎(chǔ)。在學(xué)術(shù)界里，大體上可以把被引用的次數(shù)當(dāng)做啟發(fā)性的衡量標(biāo)準(zhǔn)。
做出偉大作品的人，我們會(huì)發(fā)現(xiàn)他們的共同點(diǎn)都一樣，他們工作的非常辛苦。解決越困難的問(wèn)題越需要努力付出，登山的時(shí)候，必須扔掉一切不必要的裝備。有一個(gè)關(guān)于王石的故事印象很深刻，馮侖在談王石時(shí)說(shuō)：”王石登珠峰的時(shí)候，每登到一個(gè)階段， 回到大本營(yíng)時(shí)，就一頭撲進(jìn)帳篷，躺下，一動(dòng)不動(dòng)，一句話(huà)也不多說(shuō)，隊(duì)友以為沒(méi)氣了，但王石說(shuō)，到那個(gè)時(shí)候自己只想多蓄積精神，以便能登上珠峰，其他什么都不想。”
然后馮侖又說(shuō)另外一個(gè)登山者，每到一個(gè)階段就跟媒體通氣兒，很興奮地談自己看到的感受，結(jié)果到8000米的時(shí)候再?zèng)]有力氣登上去了，只好遺憾地下山。所以，當(dāng)人有了一個(gè)目標(biāo)的時(shí)候，就應(yīng)該不遺余力，耐得住寂寞，才能登到高處。
在設(shè)計(jì)中，當(dāng)困難太大的時(shí)候，就逼得設(shè)計(jì)師不得不選擇最簡(jiǎn)單的設(shè)計(jì)，當(dāng)解決難題成為設(shè)計(jì)師的主要任務(wù)時(shí)，那些花樣，流行，裝飾全都不存在了。
并非所有的痛苦是有益的，有好的痛苦，也有壞的痛苦，你需要的痛苦是讓你向前沖的痛苦，而不是無(wú)作為的痛苦。設(shè)計(jì)工作中，解決問(wèn)題的痛苦是好的，但是挑剔的客戶(hù)和低劣的材料帶來(lái)的痛苦是壞的痛苦
德國(guó)包豪斯(Bauhaus)學(xué)派的設(shè)計(jì)師采取美國(guó)建筑師路易斯 沙利文(Louis Sullivan)的”形式追隨功能(form follows functions”的觀點(diǎn)。因?yàn)楫?dāng)功能本身就很困難的時(shí)候，形式必須追隨功能，因?yàn)闆](méi)有別的精力再開(kāi)發(fā)多余的”形式”了。同樣，人們覺(jué)得自然界里野生動(dòng)物是很美也是因?yàn)樗麄兏挥刑魬?zhàn)的生活讓他們的每一個(gè)特征都有其作用。沒(méi)有絲毫裝飾和浪費(fèi)。
“Time always softens the pain and makes things look like more fun than they really were.
But who said everything has to be fun?
Pain builds character.
(Sometimes it builds products, too.)時(shí)間總是淡化痛苦，讓一切變得比實(shí)際情況更輕松。
但是誰(shuí)說(shuō)生活一定是輕松的？
痛苦造就性格。
（也許還造就產(chǎn)品。）”Jamie Zawinski，”the netscape dorm”
當(dāng)我們看到優(yōu)秀的設(shè)計(jì)師做出的作品時(shí)，常常會(huì)想他們這不就是個(gè)這嘛，這也太容易了吧。但是這其實(shí)是一種錯(cuò)覺(jué)，一個(gè)好的產(chǎn)品很好用的很簡(jiǎn)單，可能是經(jīng)過(guò)了不斷的改善。比如好的文章讀起來(lái)很輕松，但是背后可能經(jīng)過(guò)反復(fù)修改。科學(xué)和技術(shù)上的重大發(fā)現(xiàn)，在形式上往往很簡(jiǎn)單，看過(guò)之后你會(huì)覺(jué)得這辦法我也可以想出來(lái)。Adam Savage在TED上做了一個(gè)演講，“簡(jiǎn)單的想法是如何引導(dǎo)科學(xué)發(fā)現(xiàn)(How simple ideas lead to scientific discoveries)”他通過(guò)兩個(gè)生動(dòng)的故事告訴我們重大的科學(xué)發(fā)現(xiàn)是來(lái)自于簡(jiǎn)單的，有創(chuàng)意的方法的，這個(gè)方法任何人都可以使用。但是實(shí)際上卻并不是任何人都能做出偉大科學(xué)發(fā)現(xiàn)的。達(dá)芬奇的繪畫(huà)有些只有寥寥幾筆，但他卻畫(huà)出了最重要的東西，單獨(dú)看這些線(xiàn)，你會(huì)覺(jué)得沒(méi)什么困難，但是你開(kāi)始畫(huà)的時(shí)候就會(huì)發(fā)現(xiàn)那是很困難的。
用線(xiàn)作畫(huà)實(shí)際上是最難的，因?yàn)樗髮?duì)對(duì)象的準(zhǔn)確把握和高度的概括。許多小孩子放棄畫(huà)畫(huà)的原因之一就是他們開(kāi)始學(xué)習(xí)成年人的繪畫(huà)技法，用線(xiàn)條勾勒。因?yàn)橛镁€(xiàn)條作畫(huà)是最為困難的，而中國(guó)的傳統(tǒng)水墨畫(huà)都是用深淺的線(xiàn)條畫(huà)出來(lái)的，所以，可以說(shuō)中國(guó)傳統(tǒng)畫(huà)家對(duì)事物的概括能力是世界上最好的。而我們?cè)谛碌臅r(shí)代卻把這些能力忘記了，或者不再談?wù)摿恕?/p>
某些最杰出的設(shè)計(jì)常被認(rèn)為是不可思議的，因?yàn)樗隽巳藗兊南胂蟆＿@里說(shuō)的奇特也就是我們通常所說(shuō)的風(fēng)格。每個(gè)設(shè)計(jì)師都想有發(fā)展出自己的風(fēng)格。但是如果你為了開(kāi)發(fā)風(fēng)格而做的產(chǎn)品，往往不是最好的，相反如果你只想著做出最好的作品，你就不可避免的采用一些特殊的方法。密斯凡德羅并沒(méi)有想過(guò)要樹(shù)立現(xiàn)代極簡(jiǎn)主義風(fēng)格，蒙德里安也無(wú)意構(gòu)造新造型主義，他們只是想做出好的作品
每個(gè)人的風(fēng)格都是自然形成的，在通向正確的道路上必然會(huì)產(chǎn)生風(fēng)格。16世紀(jì)的風(fēng)格主義，19世界的浪漫主義都是追求做出完美作品的結(jié)果。
這是一個(gè)很奇特的規(guī)律，接觸的設(shè)計(jì)作品永遠(yuǎn)都是成批出現(xiàn)的，比如15世紀(jì)的佛羅倫薩有偉大的建筑師布魯內(nèi)萊斯基，畫(huà)家馬薩喬，飛利浦里皮，達(dá)芬奇和米開(kāi)朗基羅。當(dāng)時(shí)在意大利的米蘭也是同大的城市，可是15世紀(jì)的米蘭卻沒(méi)有什么偉大的藝術(shù)家。15世紀(jì)弗洛倫薩有一些特殊的條件，這些條件早就了這些偉大的藝術(shù)家。它們是不可延續(xù)的，因?yàn)榻裉斓姆鹆_倫薩已經(jīng)不是這樣了。今天中國(guó)的人口那么多，按比例推算，擁有達(dá)芬奇天賦的人有很多，為什么沒(méi)有出一個(gè)達(dá)芬奇。原因是達(dá)芬奇和任何偉大藝術(shù)家的出現(xiàn)除了他本身的天賦以外，還依賴(lài)于當(dāng)時(shí)的地理位置和環(huán)境。今天的人流動(dòng)性很高，但是偉大的項(xiàng)目依然集中在少數(shù)幾個(gè)熱點(diǎn)上：比如德國(guó)的包豪斯學(xué)校，曼哈頓計(jì)劃，洛克希德公司，以及硅谷產(chǎn)生的創(chuàng)業(yè)傳奇。歷史上任何時(shí)刻都有一些熱點(diǎn)領(lǐng)域，而且也有一團(tuán)體在這些領(lǐng)域里做出偉大的成績(jī)。如果你遠(yuǎn)離這些中心，那幾乎不可能靠自己就取得偉大的成果。你可以拉動(dòng)這個(gè)浪潮，但是不可能跳出這個(gè)浪潮。
在歷史的任何一段中，人們都會(huì)相信一些很荒謬的東西，并且那么的深信以至于你出言質(zhì)疑就會(huì)被惡意傷害。許多文藝復(fù)興時(shí)期的作品在當(dāng)時(shí)都被認(rèn)為是極其大逆不道。哥白尼對(duì)地心說(shuō)感到無(wú)法解釋?zhuān)耐硕伎梢匀淌堋?ài)因斯坦的相對(duì)論觸犯了經(jīng)典物理學(xué)家，許多年一直不被接受。奧威爾在他的著作《一九八四》中按時(shí)政府會(huì)通過(guò)赤裸的壓制來(lái)控制信息的流動(dòng)，特別是通過(guò)禁書(shū)的方式。聽(tīng)起來(lái)很熟悉吧，中國(guó)早在秦始皇時(shí)期就已經(jīng)下令過(guò)銷(xiāo)毀孔子的《論語(yǔ)》，以及后來(lái)的焚書(shū)坑儒。奧維德被奧古斯都驅(qū)逐出羅馬，其中第一個(gè)原因就是因?yàn)樗麑?xiě)了《愛(ài)的藝術(shù)》，即使在崇尚優(yōu)秀的文化的雅典，人們?cè)陂喿x某些書(shū)籍的時(shí)候也難免膽戰(zhàn)心驚。大衛(wèi)里斯曼說(shuō)過(guò)，在印刷術(shù)的世界里，信息是思想的火藥，所以審查者們才需要穿著肅穆的長(zhǎng)袍來(lái)熄滅點(diǎn)燃的火藥。因此偉大的思想往往是大膽的跟統(tǒng)治者對(duì)立的。這也就是解釋了，為什么中國(guó)的諾貝爾獎(jiǎng)得住們，要么是在國(guó)外得到的，要么就是在監(jiān)獄得到的。
上面一部分說(shuō)的事件的錯(cuò)誤現(xiàn)在看來(lái)都是顯而易見(jiàn)的，然而在當(dāng)時(shí)的人們并不覺(jué)得有那么的糟糕。上海美國(guó)學(xué)校的師生看了電影《陽(yáng)光燦爛的日子》，姜文跟這幫洋師生做了映后交流。臨走前一穿著校服的女生問(wèn)姜文”為什么電影里那些孩子都經(jīng)歷了文革，卻感覺(jué)那么快樂(lè)呢？”。 姜文愣了一下，但反應(yīng)夠快，說(shuō)：”我看你現(xiàn)在也很快樂(lè)， 等你長(zhǎng)大了， 你才知道自己處在一個(gè)多么糟糕的年代。”同理，生活在現(xiàn)在的我們似乎覺(jué)得周?chē)囊磺惺强梢越邮艿模钱?dāng)過(guò)了幾十年之后，就會(huì)發(fā)現(xiàn)原來(lái)之前的時(shí)代是那么的糟。
我們當(dāng)下需要警惕的不是奧威爾筆中的”老大哥”，而是我們自己心中的對(duì)丑陋的無(wú)視。如果你想要做出偉大的成果，就不能對(duì)現(xiàn)實(shí)和丑陋視而不見(jiàn)，反而應(yīng)該特別主義。
發(fā)現(xiàn)丑的東西比想象美的東西要容易。大多做出杰出成績(jī)的人似乎都是為了修正他們眼中的丑陋的東西。意大利畫(huà)家喬托看到拜占庭帝國(guó)的《圣母像》，深感不滿(mǎn)，于是動(dòng)手改進(jìn)，他因此成了文藝復(fù)興的先行者。哥白尼對(duì)地心說(shuō)的解釋感到困惑，所以去找到真正的答案。喬布斯覺(jué)得所有的智能手機(jī)都很丑陋，因此決定去設(shè)計(jì)他想要的手機(jī)。中國(guó)諾貝爾獎(jiǎng)得主看到中國(guó)的丑陋，于是去為之斗爭(zhēng)。所有優(yōu)秀作品的秘訣就是：非常苛刻的品味，加上實(shí)現(xiàn)這種品味的能力。
做設(shè)計(jì)不是發(fā)現(xiàn)美，而是感知丑
設(shè)計(jì)與流行無(wú)關(guān)，與做出最好的產(chǎn)品有關(guān)
裝飾是掩蓋空虛內(nèi)容的多余物，設(shè)計(jì)要直面本質(zhì)部分
做設(shè)計(jì)的過(guò)程很難，但結(jié)果看似簡(jiǎn)單
設(shè)計(jì)需要大膽，敢于判斷
轉(zhuǎn)載：UI設(shè)計(jì)
什么是UI、 UX？或者說(shuō)它們之間有什么不同？說(shuō)句實(shí)話(huà)早幾年我連UI都不是很明白，說(shuō)出來(lái)都有一點(diǎn)不好意思了……
Ok…讓我們用圖片的形式來(lái)看一下UI與UX的不同之處吧。
圖一：倒過(guò)來(lái)的蕃茄醬瓶設(shè)計(jì)，考慮到番茄醬快用完時(shí)很難倒出來(lái)的使用情境
圖二：從定義來(lái)解釋UI與 UX之間的差異，兩者定義有很大的不同。
UI定義：UI是網(wǎng)站頁(yè)面是如何物理布局。一個(gè)UI設(shè)計(jì)師會(huì)和你談東西應(yīng)該放哪里，用什么顏色。UI是負(fù)責(zé)網(wǎng)站的創(chuàng)意和視覺(jué)作品。
UX定義：UX專(zhuān)注于網(wǎng)站，它的行為與互動(dòng)，比如一個(gè)盒子滑出，以及人們?nèi)绾闻c它進(jìn)行交互，比如他們會(huì)點(diǎn)擊或輸入進(jìn)行交互。UX處理的內(nèi)容和網(wǎng)站地圖的結(jié)構(gòu)。
圖三：從專(zhuān)業(yè)分工的角度來(lái)說(shuō)明差別，可以看出負(fù)責(zé)的部份有哪些相同，哪些不同。
圖四：這張圖比較復(fù)雜，但是基本上還是看得出差異。相同之處很明顯，都有大胡子，但是裝扮上就有很大的區(qū)別。為什么？你們可以根據(jù)定義思考一下……
下面的這張圖跟上面的那張是同一張,只是風(fēng)格不一樣,從設(shè)計(jì)師的角色轉(zhuǎn)變成很酷的時(shí)尚年輕人。
圖五：從工作職責(zé)來(lái)解釋差異， UX的范圍很廣，很少人可以精通全部，可以說(shuō)幾乎沒(méi)有。
圖六：這張圖的表述可能并不全面或清晰，但可以做為一個(gè)參考。
圖七：UI、 UX基本的工作項(xiàng)目來(lái)區(qū)分的話(huà)，UI沒(méi)有品牌推廣這個(gè)職位。
圖八：從產(chǎn)品的角度看UI與UX，UI是產(chǎn)品的一部份，UX是使用產(chǎn)品的體驗(yàn)。
圖九：UI Design:功能；Usabilitydesign:動(dòng)作；User Experiene Design:情感；
圖十：UI是用來(lái)取內(nèi)容的工具，使用者使用UI吃完?yáng)|西（內(nèi)容）的體驗(yàn)是UX。
總結(jié)：UI設(shè)計(jì)是展現(xiàn)視覺(jué)層面的（界面），而UX是使用過(guò)程中的情感（互動(dòng)與體驗(yàn)）。UX設(shè)計(jì)師不僅關(guān)注界面的設(shè)計(jì)，更關(guān)心所有會(huì)影響使用者體驗(yàn)的一切。如架構(gòu)、互動(dòng)、內(nèi)容與及使用者對(duì)象、需求、價(jià)值觀。
有人會(huì)說(shuō)設(shè)計(jì)UI不就是在設(shè)計(jì)UX嗎？如果用戶(hù)的體驗(yàn)只注重視覺(jué)界面的美觀，或許可以這么說(shuō)。但是使用者手上拿的不是UI，而是產(chǎn)品，UI只是產(chǎn)品設(shè)計(jì)的一部份，體驗(yàn)不僅受到產(chǎn)品的影響，還會(huì)受到使用產(chǎn)品體驗(yàn)過(guò)程中的情境及使用者對(duì)品牌印像等等其它體驗(yàn)相關(guān)的事影響。
轉(zhuǎn)載：微信公眾號(hào)UI設(shè)計(jì)
大圓角設(shè)計(jì)并非憑空出現(xiàn)，其起源可追溯至早期圖形界面時(shí)代。在 CRT 顯示器時(shí)代，像素密度低且顯示邊緣易出現(xiàn)鋸齒，設(shè)計(jì)師通過(guò)圓角弱化視覺(jué)毛刺，這是基于技術(shù)限制的功能妥協(xié)。隨著顯示技術(shù)升級(jí)，圓角逐漸從 “必要修正” 轉(zhuǎn)變?yōu)?“美學(xué)選擇”，2013 年 iOS 7 的扁平化革命中，大圓角首次大規(guī)模應(yīng)用于圖標(biāo)與控件，打破擬物設(shè)計(jì)的硬朗邊界，開(kāi)啟現(xiàn)代 UI 的柔和風(fēng)格浪潮。
在應(yīng)用方案上，大圓角設(shè)計(jì)需結(jié)合場(chǎng)景平衡功能性與美觀度。在移動(dòng)端界面中，卡片式布局常搭配 16-24px 大圓角，如微信讀書(shū)的書(shū)籍卡片，既通過(guò)圓角區(qū)分內(nèi)容模塊，又降低手持設(shè)備的視覺(jué)壓迫感；針對(duì)兒童應(yīng)用或生活服務(wù)類(lèi) APP，32px 以上的超大圓角能傳遞親和力，例如美團(tuán) APP 的功能入口圖標(biāo)，圓潤(rùn)形態(tài)更易吸引用戶(hù)點(diǎn)擊。
在桌面端設(shè)計(jì)中，大圓角應(yīng)用需考慮屏幕尺寸差異。Windows 11 的窗口采用 28px 圓角，在大尺寸顯示器上營(yíng)造輕盈懸浮感；而設(shè)計(jì)軟件 Figma 的工具欄按鈕則采用適中圓角，避免過(guò)度圓潤(rùn)導(dǎo)致的操作辨識(shí)度下降。此外，大圓角還可與陰影、漸變結(jié)合增強(qiáng)層次感，如蘋(píng)果 macOS 的控制中心，通過(guò) 24px 圓角與柔和陰影，打造出符合物理直覺(jué)的 “半透明毛玻璃” 效果。
下面來(lái)欣賞一組優(yōu)秀的大圓角UI設(shè)計(jì)。
從技術(shù)妥協(xié)到設(shè)計(jì)語(yǔ)言核心，大圓角的演變折射出 UI 設(shè)計(jì) “以人為本” 的趨勢(shì) —— 它不僅是視覺(jué)風(fēng)格的迭代，更是對(duì)用戶(hù)心理舒適度與交互體驗(yàn)的深度考量。
轉(zhuǎn)載：UX設(shè)計(jì)便利店
做設(shè)計(jì)時(shí)總陷入這樣的困境：界面元素齊全卻毫無(wú)記憶點(diǎn)，視覺(jué)表達(dá)單調(diào)乏味，精心打磨的作品依然抓不住用戶(hù)目光？其實(shí)，設(shè)計(jì)的 “質(zhì)感” 往往藏在形式感里。無(wú)需復(fù)雜的創(chuàng)意構(gòu)思，只要掌握一些實(shí)用小技巧，就能讓普通設(shè)計(jì)擺脫平淡，快速提升視覺(jué)吸引力。下面為你拆解四大核心維度，手把手教你給設(shè)計(jì)注入形式感，輕松打造出有記憶點(diǎn)的界面！
在視覺(jué)設(shè)計(jì)領(lǐng)域，我們常常陷入這樣的爭(zhēng)論：“這個(gè)版本更高級(jí)”“那個(gè)設(shè)計(jì)更有品牌感”“我覺(jué)得用戶(hù)會(huì)更喜歡這個(gè)風(fēng)格”。這些基于設(shè)計(jì)師專(zhuān)業(yè)審美和經(jīng)驗(yàn)的判斷固然重要，卻往往帶著主觀局限 —— 設(shè)計(jì)師終究不是用戶(hù)，我們眼中的 “完美設(shè)計(jì)”，未必能被用戶(hù)理解、接受并產(chǎn)生預(yù)期行為。
在數(shù)字化產(chǎn)品的界面設(shè)計(jì)中，Tag 標(biāo)簽作為高頻使用的基礎(chǔ)組件，承擔(dān)著分類(lèi)標(biāo)記、狀態(tài)提示、篩選導(dǎo)航等關(guān)鍵功能。從 NFT 平臺(tái)的資產(chǎn)狀態(tài)標(biāo)注，到日常應(yīng)用的內(nèi)容分類(lèi)，Tag 標(biāo)簽的設(shè)計(jì)直接影響用戶(hù)的識(shí)別效率與操作體驗(yàn)。作為組件庫(kù)中的重要組成部分，變體組件的規(guī)范化設(shè)計(jì)能大幅提升團(tuán)隊(duì)協(xié)作效率，保證產(chǎn)品界面的一致性。本文將結(jié)合實(shí)際設(shè)計(jì)經(jīng)驗(yàn)，從設(shè)計(jì)原則、組件構(gòu)成、參數(shù)規(guī)范到應(yīng)用場(chǎng)景，全面拆解 Tag 標(biāo)簽變體組件的設(shè)計(jì)邏輯。
濤濤 交互設(shè)計(jì)及用戶(hù)體驗(yàn)
在數(shù)字產(chǎn)品的使用場(chǎng)景中，用戶(hù)的每一次操作本質(zhì)上都是在完成一項(xiàng)任務(wù) —— 從修改個(gè)人資料到下單購(gòu)物，從家電報(bào)修到優(yōu)惠券使用，任務(wù)流程的設(shè)計(jì)直接決定了用戶(hù)的使用效率與體驗(yàn)感受。對(duì)于 UI/UX 設(shè)計(jì)師而言，任務(wù)處理不僅是一項(xiàng)基本功，更是平衡效率與體驗(yàn)的核心能力。好的任務(wù)流程設(shè)計(jì)能讓用戶(hù)在不知不覺(jué)中完成目標(biāo)，而糟糕的設(shè)計(jì)則會(huì)讓用戶(hù)陷入迷茫、煩躁甚至放棄。那么，如何打造既高效又貼心的任務(wù)流程？關(guān)鍵在于抓住 “用戶(hù)核心需求” 與 “流程邏輯合理性” 兩大核心。
藍(lán)藍(lán)設(shè)計(jì)的小編 行業(yè)趨勢(shì)
蘭亭妙微（藍(lán)藍(lán)設(shè)計(jì)）www.ywne.cn 是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶(hù)體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢(xún)、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢(xún)電話(huà)：01063334945。
關(guān)鍵詞：UI咨詢(xún)、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶(hù)體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司、銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā).
我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢(xún)及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
在產(chǎn)品設(shè)計(jì)中，導(dǎo)航就像一張隱形的地圖，它承載著用戶(hù)定位、路徑選擇與目標(biāo)抵達(dá)的核心功能。一個(gè)優(yōu)秀的導(dǎo)航設(shè)計(jì)，能讓用戶(hù)在復(fù)雜的信息架構(gòu)中輕松找到方向，而糟糕的導(dǎo)航則會(huì)讓用戶(hù)陷入 “找不到、回不去” 的困境，最終導(dǎo)致產(chǎn)品使用率下降。導(dǎo)航設(shè)計(jì)的本質(zhì)，是通過(guò)清晰的規(guī)則與人性化的交互，讓用戶(hù)明確 “我在哪、能去哪、怎么去”，這需要設(shè)計(jì)者兼顧邏輯性、高效性與用戶(hù)習(xí)慣，構(gòu)建全方位的導(dǎo)航體系。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.ywne.cn