情感化路由路標(biāo)設(shè)計(jì)，傳遞寄遞溫暖
作為面客的戰(zhàn)略級(jí)重點(diǎn)渠道，客戶端的查單詳情功能日均使用量達(dá)千萬級(jí)別。隨著公司業(yè)務(wù)的不斷增長，查單訴求也隨之增加。
結(jié)合功能體驗(yàn)、業(yè)務(wù)需求等方面的調(diào)研與了解，得出以上地圖路由可解決的四個(gè)主要痛點(diǎn)。通過軌跡稀釋與動(dòng)態(tài)采樣、底層數(shù)據(jù)歸集、生動(dòng)化視效、元素動(dòng)態(tài)運(yùn)營等手段，提升快遞路由信息在地圖上傳達(dá)的透明度與豐富性，方便用戶自助查詢快遞位置等內(nèi)容，管理客戶預(yù)期，同時(shí)加強(qiáng)用戶對(duì)功能忠誠度、將客戶留存在順豐的平臺(tái)上。
確認(rèn)按照信息精度強(qiáng)化、情感共鳴設(shè)計(jì)、渠道視效優(yōu)化三個(gè)目標(biāo)方向來推動(dòng)需求的實(shí)現(xiàn)，同步梳理需求優(yōu)先級(jí)、管理需求迭代，敏捷滿足功能訴求。
1. 通過梳理線下現(xiàn)有收轉(zhuǎn)運(yùn)派等全流程操作場景，針對(duì)性處理、展示對(duì)應(yīng)運(yùn)輸工具元素，突顯順豐多樣場景、多式聯(lián)運(yùn)的運(yùn)輸優(yōu)勢。
2. 拉通多關(guān)聯(lián)系統(tǒng)順利完成數(shù)據(jù)流轉(zhuǎn)，納入包括順豐小哥/順豐大哥/同城騎士上報(bào)的快遞員位置、陸運(yùn)系統(tǒng)等上報(bào)的貨車位置，輔以里程數(shù)等高精度信息完成展示。
圖標(biāo)應(yīng)用延展
新年圖標(biāo)
造型：以新年元素老虎，兔子延展，直觀的反映新年氣息，瑞獅迎新。飛機(jī)掛上中國結(jié)和小兔子開飛機(jī)突出新春的喜慶氛圍。小哥派件圖標(biāo)給小哥戴上瑞獅/兔子帽子，增加年味，寓意小哥給大家送福了。
色彩：俯視插畫風(fēng)格配合高飽和色彩，活潑氛圍加上新春元素體現(xiàn)趣味性。
執(zhí)行難點(diǎn)：由于圖標(biāo)尺寸很小，需要顧及圖標(biāo)的精美豐富程度，但也不能畫得過于復(fù)雜繁瑣，在精簡與精美的中間做一個(gè)良好的平衡。
傳統(tǒng)節(jié)日?qǐng)D標(biāo)
造型：由于勞動(dòng)節(jié)是個(gè)嚴(yán)肅的節(jié)日，需要高舉勞動(dòng)的旗幟， 不分貧富貴賤，愿大家努力齊進(jìn)取。所以在貨車和飛機(jī)后面飄著鮮艷的紅旗，上面標(biāo)著“勞動(dòng)光榮”字樣。小哥派件圖標(biāo)后面帶著一個(gè)麥穗滿滿的袋子，寓意共同努力就會(huì)得到豐收的成果。端午是“飛龍?jiān)谔?rdquo;吉祥日，龍和龍舟文化始終貫穿在端午節(jié)的傳承歷史中，所以我們以龍舟為載具，用卡通的形式簡化龍舟繁雜的造型，讓用戶一看就能產(chǎn)生共鳴。另外飛機(jī)及小哥的圖像中就加上粽子，清晰明了傳達(dá)出端午送安康的信息。
色彩：勞動(dòng)節(jié)俯視插畫風(fēng)格配合溫暖的色彩，突出勞動(dòng)節(jié)的光榮與奮斗的熱情。端午節(jié)以黃綠色為
藍(lán)藍(lán)設(shè)計(jì)(sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。
關(guān)鍵詞：UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(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開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
持續(xù)更新中……
折疊屏手機(jī)形態(tài) ，主要是以下3種：
1、展開態(tài)：折疊屏設(shè)備完全展開后的形態(tài)。有更大的屏幕尺寸，可充分顯示應(yīng)用內(nèi)容。
2、折疊態(tài)：折疊屏設(shè)備折疊后的形態(tài)。折疊后屏幕尺寸變小。
3、支架態(tài)：折疊屏設(shè)備處于完全展開和折疊的中間狀態(tài)，可平穩(wěn)放置。
1、展開態(tài)： 8英寸 2480x2200px 約8:7.1
2、折疊態(tài)： 正面屏 6.6英寸 2480x1148px 約19.5:9
3、折疊態(tài)： 背面屏 6.38英寸 2480x892px 約25:9
字號(hào)大小和粗細(xì)決定了信息的層級(jí)和主次關(guān)系。在設(shè)備上我們使用以下字號(hào)的合集為不同的控件及排版場景創(chuàng)造了清晰易讀、層次分明的閱讀體驗(yàn)。
展開態(tài)圖標(biāo)和字體大小不應(yīng)發(fā)生明顯變化，在保證可讀性的基礎(chǔ)上，建議保持跟折疊態(tài)一樣的大小。若一定要發(fā)生大小變化，則最大不要超過1.2倍。為確保有較好的可讀性，展開態(tài)單屏文本長度不超過40字，推薦36字左右。
1、通用原角場景：從系統(tǒng)層面建立參數(shù)化圓角，目前支持 5 種通用圓角大小。分別是：4vp、8vp、12vp、 16vp、 24vp。
2、控件圓角場景：不同控件會(huì)有不同的圓角大小，因此單獨(dú)定義了圓角場景。
折疊屏展開態(tài)下屏幕尺寸變大，有利于更高效的信息展示或更沉浸的內(nèi)容瀏覽。要充分利用折疊屏的大屏幕優(yōu)勢，需要進(jìn)行寬屏的頁面布局適配。態(tài)布局：針對(duì)設(shè)備寬度變化而進(jìn)行界面版面重排的一種布局方式。動(dòng)態(tài)布局可以細(xì)分為“自適應(yīng)動(dòng)態(tài)布局”和“響應(yīng)式動(dòng)態(tài)布局”兩類?；跂鸥裣到y(tǒng)考慮動(dòng)態(tài)布局時(shí)，可參考：柵格系統(tǒng)。
1、自適應(yīng)動(dòng)態(tài)布局：隨著屏幕設(shè)備規(guī)格的變化，界面中所呈現(xiàn)的信息量有增加，但信息架構(gòu)不變。常見的自適應(yīng)動(dòng)態(tài)布局的表現(xiàn)形式為：相對(duì)拉伸、相對(duì)縮放、延伸布局等。
2、響應(yīng)式動(dòng)態(tài)布局：隨著設(shè)備屏幕規(guī)格的變化，頁面內(nèi)的信息架構(gòu)會(huì)發(fā)生變化。常見的響應(yīng)式動(dòng)態(tài)布局的變形形式為：挪移布局、重復(fù)布局、瀑布布局等。
一、頁面布局布局&交互創(chuàng)新
結(jié)合六種動(dòng)態(tài)布局規(guī)則，三種雙頁面交互架構(gòu)規(guī)則以及多窗交互規(guī)則，在折疊屏上可以進(jìn)行多種布局樣式和交互的創(chuàng)新設(shè)計(jì)，以下為一些參考范式。包括：分欄布局 、挪移布局 、重復(fù)布局 、瀑布流&宮格布局 、臨時(shí)雙窗
分欄是一種層級(jí)關(guān)系的左右分窗口布局，旨在在寬屏設(shè)備上有較好的顯示效果，幫助用戶更高效地處理任務(wù)。文件管理、聯(lián)系人、設(shè)置、備忘錄等應(yīng)用非常適合在展開態(tài)分欄布局。備忘錄的分欄布局示例，如下圖：
折疊屏設(shè)備，從折疊到展開，可以通過挪移布局進(jìn)行布局的變化，提升閱讀舒適度和瀏覽效率。
以下為4種常見的挪移布局用法。
范式1：不同頁面的內(nèi)容整合到同一頁的挪移布局。
邊看邊評(píng)
閱讀時(shí)，在展開態(tài)同時(shí)顯示文章詳情和評(píng)論列表，滿足一邊閱讀文章一邊看評(píng)論的訴求。閱讀新聞時(shí)新聞詳情頁和評(píng)論頁合一的示例，如下圖：
圖片較多的閱讀場景，同樣適用于“邊看邊評(píng)”體驗(yàn)。本場景下建議默認(rèn)保持大圖顯示，點(diǎn)擊“評(píng)論”按鈕后，再觸發(fā)頁面布局的變化，同時(shí)顯示圖片和評(píng)論。用戶主動(dòng)觸發(fā)“邊看邊評(píng)”后，下一次訪問該頁面，需要保持上一次的布局效果。查看圖片時(shí)邊看邊評(píng)的示例，如下圖：
范式2：同一頁面的上下結(jié)構(gòu)內(nèi)容，變成左右結(jié)構(gòu)的挪移布局。
雜志排版
本范式常用于閱讀場景的圖片和文本之間的挪移布局。不僅能解決圖片過大的問題，還能通過雜志化布局帶來更好的視覺效果。同一頁面的新聞，從上下圖文變成左右圖文的挪移布局示例，如下圖：
范式3：有層級(jí)結(jié)構(gòu)的圖文內(nèi)容，變成左右結(jié)構(gòu)的挪移布局。首頁的圖文內(nèi)容，從層疊變成左右圖文的挪移布局示例，如下圖：
范式4：通過挪移布局，在展開態(tài)上減少次要信息對(duì)核心信息的干擾。看視頻時(shí)，彈幕和操作按鈕挪移布局到周邊空閑區(qū)域的示例，如下圖：
多人視頻通話時(shí)，參會(huì)人信息從底部挪移到展開態(tài)的側(cè)邊，減少對(duì)視頻通話畫面遮擋的示例，如下圖：
折疊屏設(shè)備，從折疊到展開，頁面內(nèi)的列表、卡片等均可通過重復(fù)布局，橫向展示更多信息，提升頁面的瀏覽效率，同時(shí)避免信息過疏。列表在展開態(tài)重復(fù)布局的示例，如下圖：
從折疊態(tài)到展開態(tài)，使用重復(fù)布局時(shí)，通常內(nèi)容按照從左到右的Z字形排布。如下圖：
瀑布流布局適用于卡片式結(jié)構(gòu)。折疊態(tài)的單列卡片，到展開態(tài)顯示雙列卡片，不同高度的卡片形成錯(cuò)落有致的瀑布流布局?？梢杂行嵘撁娴臑g覽效率和可視化效果。新聞首頁卡片瀑布流布局示例，如下圖：
瀑布流布局和卡片的重復(fù)布局比較相似，內(nèi)容也按照從左到右的Z字形排布，卡片的高度可以不同。視頻卡片從折疊到展開態(tài)的瀑布流布局示例，如下圖：
在大屏幕設(shè)備上，雙頁面同時(shí)顯示，為用戶創(chuàng)造了新的操作體驗(yàn)。當(dāng)應(yīng)用中的兩個(gè)頁面間有關(guān)聯(lián)關(guān)系時(shí)，可以考慮采用組合頁面的方式，根據(jù)不同的場景訴求，選擇合適的頁面組合關(guān)系。組合頁面有三種：層級(jí)關(guān)系 、主從關(guān)系、并列關(guān)系。
1、層級(jí)關(guān)系
層級(jí)關(guān)系有多層級(jí)和單一層級(jí)兩種。層級(jí)關(guān)系的雙窗口，即為通常說的分欄。
2、多層級(jí)分欄
多層級(jí)關(guān)系有完整的多層結(jié)構(gòu)，例如復(fù)雜的系統(tǒng)設(shè)置菜單，海量內(nèi)容（例如綜合電商的商品，視頻、圖片或音樂的媒體資源，新聞網(wǎng)站的海量新聞）的門戶及多級(jí)分類子頁面。
此類型的交互特點(diǎn)為：
（1）第一級(jí)的基礎(chǔ)分類通常以列表形式呈現(xiàn)。
（2）末級(jí)列表頁面中的元素為最小內(nèi)容元素，例如單個(gè)商品、單個(gè)媒體素材、單條新聞等。
有多個(gè)層級(jí)遞進(jìn)關(guān)系的場景示例，如下圖：
單一層級(jí)結(jié)構(gòu)一般以“列表+詳情”形式呈現(xiàn)，列表中的每個(gè)元素都是末端元素，元素中沒有二級(jí)分類列表。例如郵件、信息、備忘錄等內(nèi)容型元素的列表。
此類型的交互特點(diǎn)為：
（1）列表中只存在單獨(dú)的元素，沒有子列表，左右兩側(cè)內(nèi)容屬性固定，較少用戶迷失。
（2）點(diǎn)擊左側(cè)中某一個(gè)條目，右側(cè)打開對(duì)應(yīng)的詳情內(nèi)容。
（3）用戶可以借助在左側(cè)列表中點(diǎn)擊任意一個(gè)條目，在右側(cè)快速打開對(duì)應(yīng)的詳情內(nèi)容，實(shí)現(xiàn)內(nèi)容快速切換。
在主從關(guān)系類型中，一側(cè)主導(dǎo)頁面為沉浸式場景；輔助頁面在另一側(cè)，呈現(xiàn)評(píng)論、互動(dòng)討論、參考信息等相關(guān)內(nèi)容?？筛鶕?jù)沉浸內(nèi)容情況分為左右或上下的組合頁面結(jié)構(gòu)。
此類型的交互邏輯特點(diǎn)：
（1）兩部分之間相互獨(dú)立，且有明顯的主從關(guān)系。
（2）輔助側(cè)依賴主導(dǎo)側(cè)存在，如果主導(dǎo)側(cè)關(guān)閉或切換，輔助側(cè)頁面不能單獨(dú)存在，需同步關(guān)閉或切換。
（3）主導(dǎo)側(cè)的內(nèi)容呈現(xiàn)，沒有受到打擾和中斷，持續(xù)保持最佳的沉浸狀態(tài)。
（4）輔助側(cè)的內(nèi)容用戶可以進(jìn)行滾動(dòng)瀏覽，適合于信息流數(shù)據(jù)，用戶可參與互動(dòng)。
主從關(guān)系的信息架構(gòu)樣式主要有如下幾種，應(yīng)用可根據(jù)具體場景進(jìn)行選擇：
從屬信息默認(rèn)以懸浮面板的形式顯示，通過特定按鈕或特定手勢交互觸發(fā)，一般用于作為主要信息的篩選項(xiàng)或更多菜單項(xiàng)，不影響主要信息的展示。短視頻應(yīng)用使用懸浮面板的示例，如下圖：
導(dǎo)航應(yīng)用懸浮面板的示例（折疊屏展開后，懸浮面板不拉伸，不遮擋底部主要信息），如下圖
從屬信息默認(rèn)以邊欄形式顯示，通過界面比例和視覺效果表現(xiàn)從屬關(guān)系，不影響主要信息的展示，同時(shí)能快速瀏覽或操作從屬信息。短視頻應(yīng)用使用側(cè)邊欄的示例，如下圖：
在并列關(guān)系中，界面中的兩側(cè)內(nèi)容處于同等重要的地位。兩側(cè)的內(nèi)容可以是同類型的內(nèi)容，也可以是不同類型的內(nèi)容。
例如購物應(yīng)用中，下單前對(duì)兩個(gè)相似商品的情況進(jìn)行詳細(xì)的對(duì)比就是相同類型內(nèi)容的頁面并列；購物應(yīng)用中一側(cè)窗口顯示商品，另外一側(cè)顯示和商家的對(duì)話界面，就是不同類型內(nèi)容的頁面并列。
并列關(guān)系方便用戶對(duì)兩個(gè)商品的信息進(jìn)行更詳細(xì)的比對(duì)或進(jìn)行更高效的交互操作。 在這種組合頁面下，左右兩頁面間無主次和從屬關(guān)系，頁面分割比例應(yīng)為1:1
折疊屏展開態(tài)、平板、電腦等大屏幕設(shè)備，具有多任務(wù)并行和效率型任務(wù)處理的先天優(yōu)勢。
系統(tǒng)提供了懸浮窗、分屏、平行視界三種多窗口交互，為用戶在大屏幕設(shè)備上的多任務(wù)并行、便捷的臨時(shí)任務(wù)處理提供更佳的使用體驗(yàn)。多窗口類，如下圖：
多窗口的應(yīng)用
多任務(wù)并行
通過分屏可實(shí)現(xiàn)多任務(wù)并行。有左右分屏和上下分屏兩種方式。針對(duì)短視頻、IM對(duì)話、購物等內(nèi)容，左右分屏體驗(yàn)更佳；針對(duì)長視頻、游戲、會(huì)議等內(nèi)容，上下分屏體驗(yàn)更佳。通過分屏進(jìn)行任務(wù)并行的示例，如下圖：
臨時(shí)任務(wù)處理
通過懸浮窗可實(shí)現(xiàn)便捷的臨時(shí)任務(wù)處理。
三方應(yīng)用根據(jù)業(yè)務(wù)需求，列舉需要調(diào)用窗口的場景，對(duì)系統(tǒng)提出調(diào)用窗口顯示的請(qǐng)求，系統(tǒng)提供將特定頁面窗口化顯示的能力。例如，臨時(shí)查看附件、撥打電話、查看地圖、IM對(duì)話、登錄等場景，都非常適合使用應(yīng)用內(nèi)懸浮窗。應(yīng)用內(nèi)懸浮窗查看附件的示例，如下圖：
形成分屏或打開懸浮窗后，從某個(gè)窗口內(nèi)拖拽內(nèi)容到另一個(gè)窗口，即為跨窗口拖拽?？绱翱谕献D片的示例，如下圖：
折疊屏相對(duì)于普通手機(jī)有兩個(gè)明顯的特點(diǎn)：可隨時(shí)折疊展開、展開后屏幕變大。折疊屏UX設(shè)計(jì)中需考慮如下體驗(yàn)訴求：
1、體驗(yàn)連續(xù)
屏幕可隨時(shí)折疊展開，在體驗(yàn)上要保證用戶體驗(yàn)的連續(xù)性，應(yīng)用需要遵從屏幕顯示的兼容和應(yīng)用狀態(tài)的連續(xù)。屏幕兼容：由于屏幕尺寸發(fā)生變化，應(yīng)用應(yīng)采用適當(dāng)?shù)氖侄螌?duì)屏幕上內(nèi)容布局進(jìn)行優(yōu)化調(diào)整。
應(yīng)用連續(xù)：應(yīng)用在折疊與展開狀態(tài)切換的過程中保持正常運(yùn)行。
2、體驗(yàn)增值
屏幕變大后，用戶體驗(yàn)在某些方面有增值。
更多內(nèi)容：大尺寸屏幕可顯示更多內(nèi)容，提高顯示和操作的效率。
更加沉浸：大尺寸屏幕可顯示更清晰的細(xì)節(jié)，適合圖片瀏覽、視頻欣賞、游戲等應(yīng)用和場景。
多任務(wù)并行：多個(gè)窗口可同時(shí)在大尺寸屏幕內(nèi)展示，為用戶多任務(wù)并行提供了直觀高效的方式。
1、基礎(chǔ)要求
（1）保證布局良好
（2）窗口內(nèi)布局的特殊處理
（3）保證應(yīng)用任務(wù)的連續(xù)性
（5）音頻沖突處理
（6）多窗口體驗(yàn)融合
2、保證布局良好
應(yīng)用內(nèi)的元素布局應(yīng)進(jìn)行響應(yīng)式設(shè)計(jì)，保證應(yīng)用界面在全屏、懸浮窗、分屏不同窗口模式間進(jìn)行切換時(shí)、在設(shè)備橫豎屏旋轉(zhuǎn)時(shí)、調(diào)整系統(tǒng)字號(hào)、調(diào)整系統(tǒng)顯示模式后，依然保持可用、良好的布局，不出現(xiàn)應(yīng)用元素?zé)o法顯示的問題。
3、窗口內(nèi)布局的特殊處理
分屏窗口內(nèi)，在應(yīng)用界面頂部會(huì)顯示分屏拖拽橫條，且隱藏系統(tǒng)狀態(tài)欄。應(yīng)用界面中需要增加一個(gè)狀態(tài)欄高度，來避免出現(xiàn)分屏拖拽橫條和應(yīng)用頂部的功能熱區(qū)重疊，導(dǎo)致應(yīng)用功能無法操作的問題。懸浮窗窗口內(nèi)，懸浮窗的操作橫條是在應(yīng)用界面外顯示的，因此應(yīng)用不需要留出狀態(tài)欄高度，避免在窗口內(nèi)出現(xiàn)空白區(qū)域。
4、保證應(yīng)用任務(wù)的連續(xù)性
當(dāng)應(yīng)用以分屏、懸浮窗顯示時(shí)，需要保證應(yīng)用不被特殊情況所打斷進(jìn)程。例如應(yīng)用在不同窗口模式間切換時(shí)、在設(shè)備橫豎屏旋轉(zhuǎn)時(shí)、調(diào)整系統(tǒng)字號(hào)、調(diào)整系統(tǒng)顯示模式后，應(yīng)用不會(huì)發(fā)生重啟、閃退等問題。且切換之前的任務(wù)和相關(guān)狀態(tài)得以保存和延續(xù)，或者能夠快速恢復(fù)，給用戶提供連續(xù)的體驗(yàn)。
5、保證多個(gè)任務(wù)同時(shí)正常使用
例如用戶正在玩游戲或看視頻，同時(shí)在使用其他應(yīng)用。只要游戲或視頻應(yīng)用還在前臺(tái)顯示，依然要保證能正常運(yùn)行，不會(huì)因?yàn)橛脩粽谑褂玫氖橇硪粋€(gè)應(yīng)用，而導(dǎo)致游戲暫?；蛞曨l暫停。
6、音頻沖突處理
當(dāng)應(yīng)用正在播放視頻或播放音樂時(shí)，新打開一個(gè)窗口應(yīng)用，并觸發(fā)了新的音頻任務(wù)，原應(yīng)用對(duì)音頻的處理要符合用戶預(yù)期，例如臨時(shí)暫停音視頻的播放或降低音量，以便于用戶聽到新的音頻。
7、多窗口體驗(yàn)融合
可通過長按頂部橫條并拖拽的交互，實(shí)現(xiàn)分屏和懸浮窗之間的互換。實(shí)現(xiàn)多窗口體驗(yàn)融合。
1、方式介紹
懸浮窗用于在已有的任務(wù)基礎(chǔ)上，臨時(shí)處理另一個(gè)任務(wù)，或短時(shí)間多任務(wù)并行使用的場景。 支持同時(shí)使用多個(gè)懸浮窗。手機(jī)、折疊屏折疊狀態(tài)下，一屏幕內(nèi)最多展開一個(gè)懸浮窗；平板或 折疊屏展開狀態(tài)下，一屏幕內(nèi)最多展開兩個(gè)懸浮窗。其他懸浮窗自動(dòng)最小化為懸浮球疊加顯 示。懸浮窗適用于玩游戲看視頻等沉浸式場景下臨時(shí)回復(fù)消息；購物時(shí)臨時(shí)使用計(jì)算器計(jì)算等。
1.1 觸發(fā)方式
（1）通過一步小窗的手勢操作快速讓應(yīng)用從全屏到懸浮窗。本交互適用于所有支持智慧多窗的應(yīng)用。
（2）智慧多窗應(yīng)用欄觸發(fā)：從屏幕邊緣向內(nèi)滑并懸停，拖出應(yīng)用欄，點(diǎn)擊應(yīng)用圖標(biāo)，打開該應(yīng)用的懸浮窗。本交互適用于所有支持智慧多窗的應(yīng)用。
（3）橫幅通知觸發(fā)：沉浸式場景來通知，點(diǎn)擊通知，懸浮窗展示。本方式有效解決了查看通知的跨應(yīng)用跳轉(zhuǎn)痛點(diǎn)。
藍(lán)藍(lán)設(shè)計(jì)(sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。
關(guān)鍵詞：UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(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開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
作者：忻蕓
鏈接：https://www.zcool.com.cn/article/ZMTU3MjM5Ng==.html
來源：站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。
藍(lán)藍(lán)設(shè)計(jì)(sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個(gè)微信群，每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長，咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
關(guān)鍵詞：UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(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開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
作者：姝斐suphie
鏈接：https://www.zcool.com.cn/article/ZMTYyMTc3Mg==.html
來源：站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。
藍(lán)藍(lán)設(shè)計(jì)(sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。
關(guān)鍵詞：UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(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開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
作者：張陽光Designer
鏈接：https://www.zcool.com.cn/article/ZMTYyMTczNg==.html
來源：站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。
藍(lán)藍(lán)設(shè)計(jì)(sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。
關(guān)鍵詞：UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(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開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
作者：JasonGYF
鏈接：https://www.zcool.com.cn/article/ZMTYyMTM4OA==.html
來源：站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。
藍(lán)藍(lán)設(shè)計(jì)(sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。
關(guān)鍵詞：UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(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開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
作者：姝斐suphie
鏈接：https://www.zcool.com.cn/article/ZMTYyMTc3Mg==.html
來源：站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。
本文沒有咬文嚼字的地方，只是一個(gè)配色技巧的分享，十分簡單，簡單到流淚，但或許對(duì)你來說又十分實(shí)用，實(shí)用到無語。原本就是天然的饋贈(zèng)，你我只是順手采擷之......
網(wǎng)頁視覺層面主要是由形式（或叫布局）、色彩、圖片和文字信息組成，設(shè)計(jì)師通常對(duì)形式感關(guān)注的比較多，因?yàn)橐曈X沖擊力、設(shè)計(jì)差異性或創(chuàng)新大多都仰賴形式呈現(xiàn)，而色彩主要影響整體觀感、設(shè)計(jì)品質(zhì)以及受眾情緒，很多時(shí)候我們?cè)O(shè)計(jì)了一個(gè)不錯(cuò)的形式卻未能做出這個(gè)稿子應(yīng)有的品質(zhì)，會(huì)不會(huì)太可惜？
形式需要思考創(chuàng)造，圖片素材需要學(xué)習(xí)處理，文字需要梳理編排，但網(wǎng)頁色彩是不是一定需要有天生的色感、豐富的理論和多年經(jīng)驗(yàn)沉淀才能運(yùn)用自如？
當(dāng)然不！
關(guān)于網(wǎng)頁配色
網(wǎng)頁配色的文章在網(wǎng)絡(luò)上很多，甚至有些泛濫，稍微關(guān)注過的同學(xué)應(yīng)該都知道“色輪”、“色卡”等輔助性配色工具，但那更多都是從印刷介質(zhì)上的色彩系統(tǒng)延伸出來的，不完全適用于網(wǎng)頁，甚至造成很大的局限，比如你會(huì)較真的通過色輪來選用網(wǎng)頁色彩嗎？再比如通過下面提供的配色組合，你能自由的應(yīng)對(duì)一個(gè)又一個(gè)的類型相若的網(wǎng)頁設(shè)計(jì)需求嗎？
由于CMYK與RGB色彩模式不同，網(wǎng)頁的色彩呈現(xiàn)數(shù)量要龐大的多，選用也應(yīng)該更自由，但在配色上卻常碰到設(shè)計(jì)作品偏臟、發(fā)灰、花哨等大問題，這事兒得解決。
網(wǎng)頁案例剖析
“網(wǎng)頁配色不宜超過三種。”
真理，這沒錯(cuò)，但更多是從色相（赤橙黃綠青藍(lán)紫等不同顏色）上來說的。
色相差異明顯，主要色彩的選取就比較好辦，常見的有對(duì)比色、臨近色、冷暖色調(diào)互補(bǔ)等方式，可以簡單設(shè)定，或直接從成功作品中借鑒主輔色配比都可以，比如常見的朱紅點(diǎn)綴深藍(lán)、明黃點(diǎn)綴深綠等。
但通常，我們需要面對(duì)的設(shè)計(jì)需求在色彩分配上會(huì)有更多的問題出現(xiàn)：
（由于本人從事游戲網(wǎng)頁視覺設(shè)計(jì)工作，故案例均以游戲網(wǎng)頁做示意說明，其他網(wǎng)頁類型可以做延伸思考或僅作參閱）
如上所示，根據(jù)網(wǎng)頁信息的多寡，會(huì)有更多色彩區(qū)域的層級(jí)劃分和文字信息層級(jí)區(qū)分需求，那么在守住“網(wǎng)頁色彩（相）不超過三種”的原則下，只能尋找更多同色系的色彩來完善設(shè)計(jì)，也就是在“飽和度”和“明度”上做文章。
這也就是本文為解決這一問題所要分享的“天然”配色技巧：疊柔配色法。
疊柔配色技巧分享（這里才是正文，上面都是廢話）
這個(gè)方法非常簡單，無需知道三角函數(shù)、四則運(yùn)算，無需理解色彩指數(shù)和直方圖，甚至不用了解色階曲線和亮度強(qiáng)弱......甚至，你可以對(duì)色彩毫無知覺。
★只需要明白三個(gè)關(guān)鍵詞：疊加、柔光和透明度（填充）。
如果連這三個(gè)關(guān)鍵詞都不甚明了，那就記住他們所在的位置（下圖）：
注意：透明度與填充略有不同，填充不會(huì)影響到“混合選項(xiàng)”的效果，而透明度則是作用于整個(gè)圖層。
順便，花幾分鐘時(shí)間了解一下這個(gè)配色技巧的原理：
即：用純白色（#ffffff）和純黑色（#000000）通過“疊加”和“柔光”的混合模式（效果類似調(diào)整飽和度和明度），在任意一個(gè)色彩上得到最匹配的顏色（然后通過調(diào)整透明度選取最適合的輔色）。
（上圖示例中，調(diào)整疊/柔模式的黑白色塊的不同透明度（取10%到100%整數(shù)值為例）就可以得到差異較明顯的40種配色，通過這種技巧，理論上每一種顏色都可以輕易獲得無窮盡的“天然配色”，并且是“0失誤”！）
★ 由于疊加和柔光模式對(duì)圖像內(nèi)的最高亮部分和最陰影部分無調(diào)整，因此該配色方法對(duì)純黑色和純白色不起作用。
設(shè)計(jì)實(shí)戰(zhàn)演示：
要不要像上面圖示看起來的那樣復(fù)雜？
不用，只需要理解了上面的方法，就可以忘記圖示，在你的設(shè)計(jì)工作中自由發(fā)揮！
簡單三步：
① 一個(gè)黑或白色，或黑白漸變（可以是點(diǎn)、線、面...甚至字體）
② 混合模式選擇疊加或柔光
③ 調(diào)整透明度（1%-100%隨意，省心的做法是直接鍵入一個(gè)整數(shù)值，比如：輕質(zhì)感類頁面可以選擇20%-40%，重質(zhì)感感類可以鍵入60%或以上）
如下圖：
（無論你采用何種主色，用黑白色彩疊加或柔光，你都可以輕松自如的獲得完美匹配的整套色系，附件有PSD源文件：下載地址在回復(fù)中的226樓）
這并不僅僅適用于色域劃分或提取幾個(gè)輔色，如下圖：字體顏色、細(xì)節(jié)線條、按鈕漸變、邊角高光、描邊陰影......都可以用黑白色肆意揮灑！
方法延伸（細(xì)節(jié)篇）
假如將該方法運(yùn)用到一個(gè)按鈕上......
通過混合選項(xiàng)中的“陰影、外發(fā)光、描邊（不適用疊柔法）、內(nèi)陰影、內(nèi)發(fā)光”可以自由的刻畫5層像素級(jí)細(xì)節(jié)（當(dāng)然，通常在實(shí)際的使用中刻畫1到3層即可）。
且無論形狀、色彩如何變化，這些細(xì)節(jié)都如影隨形、色彩都隨變而變~可節(jié)省大量重調(diào)細(xì)節(jié)或盲目選取配色的時(shí)間！
細(xì)節(jié)、品質(zhì)和效率，一石三鳥，兼而得之！
（近期看到設(shè)計(jì)圈有討論“網(wǎng)頁雕花不可取”的課題，假如讓細(xì)節(jié)成為習(xí)慣，讓美感成為直覺，雕花也便只是普通設(shè)計(jì)行為而已。）
案例歷練：
后記：
疊柔配色法：無招勝有招~把抓不住的感覺交給精密的計(jì)算機(jī)，科學(xué)化進(jìn)行你的設(shè)計(jì)。
更短的時(shí)間，更高的品質(zhì)，你，值得擁有~......
另：方法是死的，人是活的，配合色階、曲線、色彩平衡等，還可以玩出更多花樣來......
分享來自：TGideas-騰訊游戲官方設(shè)計(jì)團(tuán)隊(duì)
藍(lán)藍(lán)設(shè)計(jì)(sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。
關(guān)鍵詞：UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(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開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
作者：孔雀
鏈接：https://www.zcool.com.cn/article/ZMzI5ODg=.html
來源：站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。
教你如何避免或解決這些問題電商設(shè)計(jì)中9大常見問題
藍(lán)藍(lán)設(shè)計(jì)(sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。
關(guān)鍵詞：UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(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開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
作者：Feat_Soulja
鏈接：https://www.zcool.com.cn/article/ZMTA5Mzg0.html
來源：站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。
用戶體驗(yàn)是什么？作為相關(guān)從業(yè)人員，這個(gè)好像不是問題的問題關(guān)系到我們對(duì)職業(yè)的認(rèn)知。百度一下“用戶體驗(yàn)是什么”，有許許多多的定義，定義形式多，本質(zhì)大致一樣，我找了一個(gè)有代表性的咱們解讀看看，“用戶在使用產(chǎn)品過程中的操作感受，以及在此過程中產(chǎn)生的心理活動(dòng)。”
在此之前，請(qǐng)大家先思考這2個(gè)問題：
1 高跟鞋的用戶體驗(yàn)好嗎？
高跟鞋很多女生愛穿，擁有一雙CL更是品牌控的夢(mèng)想，穿起來腿又長臀又翹，但就是很痛苦很累人。
2 工廠流水線的用戶體驗(yàn)好嗎？
傳說富士康的工人是候鳥工人，就是說農(nóng)忙時(shí)間在家務(wù)農(nóng)，農(nóng)閑時(shí)在工廠工作。對(duì)于新的工種，工人們付出的學(xué)習(xí)努力，因?yàn)橐坏缹儆谧约旱墓ば蛲瓿勺畹偷闹恍枰?秒不到，屬于一下就學(xué)會(huì)，工廠的培訓(xùn)成本低，流水線的工作效率也是相當(dāng)?shù)胃摺?/p>
心里有答案了嗎？還是不確定？
現(xiàn)在我們看多一次概念：“用戶在使用產(chǎn)品過程中的操作感受，以及在此過程中產(chǎn)生的心理活動(dòng)。”請(qǐng)看概念的三個(gè)關(guān)鍵字：用戶、操作、心理。
用戶體驗(yàn)用戶體驗(yàn)，頭兩個(gè)字是“用戶”，這是一切的前提，別人問你某樣?xùn)|西用戶體驗(yàn)好嗎？你得先反問他用戶是誰。周杰倫孩子覺得好聽，媽媽聽不懂。同理，高跟鞋體驗(yàn)好嗎？得看誰穿！男人穿，體驗(yàn)肯定不好，既不舒服，穿出去還被人笑話。那女人穿呢？姑且把問題再放放。流水線體驗(yàn)好嗎？得看誰用！流水線效率那么高，老板爽，那工人呢？
再看操作和心理。這是用戶體驗(yàn)的兩個(gè)維度，你也可以看成理性和感性，或者生理和心理，又或者交互和情感之類的。也就是說，用戶體驗(yàn)好壞，要看這兩個(gè)維度的綜合，看看兩個(gè)打分加起來絕對(duì)值分是不是正的，正多少。這分?jǐn)?shù)很明顯對(duì)不同用戶來說，是不同的（用戶是前提的關(guān)鍵就在這里）。比如高跟鞋，我是男的，在生理上，痛苦，負(fù)分，心理上，被恥笑，負(fù)分，所以體驗(yàn)對(duì)于我來說就是負(fù)的。如果我是女生，生理上，痛苦，但可能還能忍受，分可能低一些或者負(fù)少少，但，是，心理上，我覺得腿長了，變漂亮了，更重要的是，別人對(duì)我投來的眼光讓我覺得很暗爽，高分。兩者一綜合，體驗(yàn)的分還是正的，而且有些人還能打特高分，所以高跟鞋一直存在到今天。同理，流水線，老板是爽啦，工人的生理上的打分，低分吧？那么累。心理上，枯燥，低分，當(dāng)然不排除有些技術(shù)能手會(huì)被獎(jiǎng)金激勵(lì)?。ㄟ@又涉及到錢的問題，也就是商業(yè)問題了，姑且不論）。所以總分算起來，還是低分多吧。所以請(qǐng)記住，高效的產(chǎn)品體驗(yàn)并不一定好。
于是乎，就有這么樣一個(gè)公式出來：
體驗(yàn)分=生理分+心理分，誰用誰打分
再給大家舉幾個(gè)例子。
愛馬仕，女人的美夢(mèng)男人的噩夢(mèng)，鉑金包和凱莉包直接秒殺男人錢包，送女人們一個(gè)，體驗(yàn)分絕對(duì)打高分。
這兩款手表，有人選左邊有人選右邊，選左邊的人更容易在情感上給高分，選右邊的人更在乎功能實(shí)用性，也就是操作上給高分。
這是我用的第一款手機(jī)，motoT191，到現(xiàn)在還沒被我扔掉，操作上早就沒用了，情感上卻必然高分，很簡單，它有我大學(xué)的回憶呀。你是不是也留了很多“沒用”的東西？這就是心理上給高分了。
所以說，你想設(shè)計(jì)一個(gè)體驗(yàn)好的產(chǎn)品，在操作上發(fā)力吧，在情感上發(fā)力吧。
藍(lán)藍(lán)設(shè)計(jì)(sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。
關(guān)鍵詞：UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(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開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
今天為大家分享一些 Good UI 在一些項(xiàng)目中獲取的設(shè)計(jì)以及運(yùn)營策略等方面的經(jīng)驗(yàn)。
藍(lán)藍(lán)設(shè)計(jì)(sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。
關(guān)鍵詞：UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(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開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
作者：夜小七_(dá)PD
鏈接：https://www.zcool.com.cn/article/ZMTQyODg0.html
來源：站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://sillybuy.com
