? 墨跡天氣，持續(xù)占據(jù)各大APP排行榜天氣類軟件第一位，在5年時間內(nèi)，擁有超過3.3億的注冊用戶一款天氣信息查詢軟件，人性化設(shè)計，使用簡單，是中國支持城市最多的天氣預(yù)報軟件.解決需求單一只是提供天氣，實現(xiàn)路徑單一是用戶與APP之間單線交互就可以完成目標。所以它是一種狹義類的工具類產(chǎn)品。
? 工具類產(chǎn)品講究兩個方面 1，可用性：墨跡天氣精準定位及時推送，分鐘級、公里級天氣預(yù)報，實時監(jiān)測陰晴雨雪。提供15天天氣預(yù)報，5天空氣質(zhì)量預(yù)報，實時空氣質(zhì)量及空氣質(zhì)量等級預(yù)報。特殊天氣提前發(fā)送預(yù)警信息，幫助用戶更好做出生活決策，從容應(yīng)對各類天氣狀況。信息識別度高，空間距離考慮周詳，體驗很精確。2，美感：墨跡天氣的背景實時按照所在時間所在位置的天氣實時呈現(xiàn)，有天氣的風(fēng)雨雷電的動效，用戶一打開應(yīng)用就可以了解。還有實時誰=隨季節(jié)隨天氣增減衣服的卡通人物，細心的告訴你今天穿什么最合適。下面按照工具類產(chǎn)品四大關(guān)鍵詞：簡潔、易懂、快速、引導(dǎo)一一介紹.
? 簡潔：不同的商業(yè)模式一定帶來不同的交互。天氣軟件也是一樣。時間積累了用戶行為數(shù)據(jù)，包括用戶愿意在首屏看到什么信息。這些重要的交互信息，要通過圖形設(shè)計和流程把它們詮釋出來，現(xiàn)在看見的設(shè)計已經(jīng)是經(jīng)過多次迭代的了。據(jù)資料查詢墨跡天氣從2009年發(fā)展至今的7年時間里，從天氣工具發(fā)展為基于天氣的綜合生活服務(wù)平臺，經(jīng)歷了幾次重要的版本迭代。從縱向時間軸上來分析墨跡天氣幾個版本功能及發(fā)展重點的演進，可以發(fā)現(xiàn)墨跡經(jīng)歷了從清新工具到圖片社區(qū)再到綜合生活服務(wù)平臺的蛻變路徑;而從各版本增添功能所取得的產(chǎn)品成效上橫向分析，可以發(fā)現(xiàn)墨跡天氣通過時景社區(qū)與資訊模塊鞏固了獨立海量流量入口的行業(yè)地位，通過“空氣果”實現(xiàn)了軟硬件相結(jié)合的氣象數(shù)據(jù)閉環(huán)，通過對O2O的高度滲透實現(xiàn)了基于天氣預(yù)判的生活連接樞紐。迭代要做的是潤物細無聲的改版，而不是全方面的革命。雖然設(shè)計師都喜歡革命，但其實真正的好產(chǎn)品是慢慢改進出來的。墨跡天氣堅持一貫的以用戶體驗為中心的發(fā)展思路，為用戶變得越來越專屬，打破了傳統(tǒng)天氣服務(wù)以“城市”為核心的思維桎梏。現(xiàn)在已經(jīng)發(fā)展到墨跡天氣6.1.9版本。帶來更貼心的基于天氣預(yù)判的提醒服務(wù)，通過軟硬結(jié)合為用戶提供專屬的氣象數(shù)據(jù)，同時推送更精準的資訊內(nèi)容;并會將“天氣+”戰(zhàn)略無限擴展，切入更多的生活場景。
? 墨跡天氣自1.0至5.0版廣受用戶青睞的重要原因是在保持驚艷的視覺設(shè)計的同時，提供了流暢貼心的用戶體驗。墨跡天氣1.0在塞班平臺憑借華麗的交互界面秒殺同類產(chǎn)品;2.0版本的全景動畫和“小墨”助手則一直維持至今，引領(lǐng)了天氣App的設(shè)計潮流;而伴隨iOS7.0調(diào)整的扁平化設(shè)計和5.0版本通透的設(shè)計風(fēng)格，均體現(xiàn)用戶體驗至上的美學(xué)理念。而智能硬件“空氣果”的全鋁機身充滿未來感的工業(yè)設(shè)計，則和這一美學(xué)理念的一脈相承。視覺美學(xué)僅是產(chǎn)品設(shè)計的外在表征，內(nèi)涵則是墨跡天氣這一產(chǎn)品所具有的“同理心”。從指數(shù)信息的不斷細化，到“空氣果”檢測用戶周邊小氣候，用戶的環(huán)境感知越來越精細化，均是以用戶查詢天氣后的“下一步”為出發(fā)點，將用戶體驗提升到極致。
? 導(dǎo)航架構(gòu)由天氣、時景、我三部分組成。啟動頁面就是天氣界面，實時天氣背景動態(tài)展示。實時的度數(shù)，天氣狀態(tài)在視野熱區(qū)即左上角占了很大的面積屬于第一層級、在第一層級的周給予輔助信息，地區(qū)，空氣質(zhì)量，風(fēng)力等各種實時小提示。配合天氣的人物服飾搭配為第二層級，并帶出今晚、明天的天氣狀態(tài)，頁面呈左上與右下的呼應(yīng)排布，都是屏幕視野關(guān)注的區(qū)域。
? 視覺層次上的簡潔：墨跡天氣采用大面積的藍，部分的白黑，還有綠色點綴。屬于冷色系列。是青山綠水的顏色。頁面中間雖然是動態(tài)的實時天氣背景，卻擁有留白特征的透氣感，使得界面疏密有致，有節(jié)奏感。今天晚上與明天的天氣采取一樣的排版與色彩屬于重復(fù)使用一種設(shè)計手法，達到統(tǒng)一且富有節(jié)奏。
? 頁面信息上的簡潔：1，把用戶最想看見的內(nèi)容放在首屏,當(dāng)打開頁面的時候用戶最想知道的就是現(xiàn)在地區(qū)此時此刻的 天氣狀況。所以墨跡天氣將最新的狀態(tài)在首頁首屏中展現(xiàn)。墨跡天氣有15天天氣情況，如果在一個頁面中顯示會顯得頁面又擁擠，有尋找困難，所以需要采用隱藏。大眾對于今明兩天的天氣有一定的需求，在首屏中將關(guān)鍵的溫度變化，天氣變化，空氣情況做了簡單的描述，確保簡潔但可識別。
? 墨跡天氣功能越來越多，包括各種生活提示，設(shè)計產(chǎn)品要讓用戶更快捷地找到自己想要的信息而又不讓頁面感覺擁擠，對現(xiàn)有功能做測試數(shù)據(jù)然后優(yōu)先級排列，需求低的功能點能減就減的。在首屏上呈現(xiàn)的是高度歸納后的天氣信息；下滑后是二級信息多天預(yù)報；最底部的位置是指數(shù)方面的延伸，穿衣指數(shù)，生活指數(shù)等等。指數(shù)位置做天氣延展性內(nèi)容服務(wù)，可拓展性也很高。比如進入穿衣指數(shù)，我們將有共鳴的情感化描述和提示放在顯眼的位置，背景也會根據(jù)天氣呈現(xiàn)不同顏色，帶給用戶最直觀的天氣感受。穿衣指數(shù)頁面下方，就有穿衣指南，這里對部分用戶而言優(yōu)先級不是很高，信息呈現(xiàn)上就會放在比較深的位置。另外，有新推出的探索性功能也會從比較深的位置開始，通過數(shù)據(jù)再去了解有多少用戶專門去通過多步操作尋找這個功能。當(dāng)需要刪減功能時也不會直接砍掉，會先藏在較深的位置，然后根據(jù)反饋靈活調(diào)整。
? 易懂：1，在天氣圖標的邊上有文字表述，在左上角的右邊采用了文字描寫，而不是用圖標就是優(yōu)先考慮了功能的理解度和識別度。2，同樣在左上角度數(shù)下面有空氣等圖標，而不是用文字。就是考慮視覺美感，雖然用文字會更加準確，但是上面會出現(xiàn)許多的文字，在視覺太密集，過多的文字也會顯得界面粗糙。再有這個空氣或是濕度優(yōu)先級不是很高，所以平衡兩者，之后才有圖標形式。
? 快速：工具類產(chǎn)品的目的就是想通過將功能產(chǎn)品化，來提升用戶的工作效率。
? 預(yù)見：預(yù)見下一步的操作，提升使用效率。墨跡天氣左上角的溫度預(yù)見你想看當(dāng)天的詳細情況，便展開一周當(dāng)?shù)氐脑敿毜奶鞖饨缑?。如天氣溫度，天氣情況，氣壓，體感溫度，濕度，紫外線，氣壓，風(fēng)向，日出日落時間，黃歷信息，傳統(tǒng)忌，宜。
? 填充：默認項的填充，減少用戶重復(fù)操作。當(dāng)你想要關(guān)注另一個城市點擊地址邊上的+，便會出現(xiàn)不同的熱門城市與旅游景點供點擊，減少重復(fù)操作，又起到城市或是旅游景點搜索填寫的規(guī)范參考。當(dāng)你選擇了數(shù)個城市后在首屏城市的下方會出現(xiàn)小點，用白色的深淺你當(dāng)前選擇的是這幾個城市中的第幾個，前面或后面還有幾個，可以左右平移來轉(zhuǎn)換城市。
? 轉(zhuǎn)移：通過動畫動效，轉(zhuǎn)移用戶注意力，減緩心理上的等待時間。墨跡天氣的動效上面設(shè)計很舒服，不張揚卻很貼心。首先加載頁面出現(xiàn)關(guān)心天氣更關(guān)心你這樣的語言雞湯，讓你等待的時候有暖暖的感覺。
第一次點“我的頁面”，能給用戶帶來多一些的個性化色彩，所以突出頭像和個性背景，進入首屏后背景上會有實時的煙云繚繞，水波漣漪，或是小雨纏綿，有細節(jié)但不影響上方天氣信息list view等展示，動效就是將二者結(jié)合的最佳方式之一。所以，動效的重點應(yīng)該是把不同的功能點完美銜接起來，而不是所謂的看上去炫，那只是動畫，不是動效。
當(dāng)點擊城市時，左邊出現(xiàn)選擇城市節(jié)目，右邊保留了狹窄的天氣界面，天氣界面下方帶有陰影，有空間層次感，讓用戶感受到界面的位置，有連續(xù)性。還有不同城市之間的切換，上下的窄橫條與背景相對固定，中間的天氣信息跟隨著手指路徑移動，當(dāng)劃過超過一半頁面就進入下一個頁面，上面的城市信息與數(shù)個小點就會變化，展示更新到最新頁面的信息，有不錯的視覺反饋。
引導(dǎo)：墨跡天氣有新功能引導(dǎo)（第一次打開APP,專門的幫助引導(dǎo)中心。）墨跡天氣有一個人物形象，當(dāng)出現(xiàn)一些最新情況的時候，會借形象在傍邊出現(xiàn)談話框?！皩嵕啊边@個功能頁面的出現(xiàn)讓每一個用戶都可以將自己身邊的景色天氣放入產(chǎn)品中，減少用戶對于產(chǎn)品的距離感?！拔业睦锩妗笨梢耘c帳號綁定，有自己的墨圈，個性助手等等，讓你的應(yīng)用自己定制，與和你一樣類型的人在一個社區(qū)交流。
工具類產(chǎn)品設(shè)計特征：字體、配色、配圖、圖標
字體有自己的性格。工具類產(chǎn)品多選用效率簡潔的文字。墨跡天氣在語言設(shè)置處提供了簡體中文、繁體中文（香港）、繁體中文、英文4種語言，默認是跟隨系統(tǒng)語言。識別性已經(jīng)經(jīng)過檢驗，易讀好理解外還有很好的兼容性，系統(tǒng)自帶字體 IOS使用的中文是蘋方簡體，英文是San Francisco。為什么優(yōu)先選擇系統(tǒng)自帶字體：1，設(shè)計的產(chǎn)品最終是呈現(xiàn)在用戶的終端上的，要考慮用戶的使用環(huán)境。2，字體缺少情況下、行距、會替換成其他默認字體，影響內(nèi)容的排版。3，系統(tǒng)默認字體經(jīng)過時間的考驗，在識別性和閱讀體驗方面都比較好。
? 色彩如何選擇和搭配？天氣，包括白天黑夜，日月星辰，風(fēng)雨雷電，從中取色黑，白，藍，黃。隨著空氣質(zhì)量的關(guān)注加入了綠色葉子作為空氣的圖標，相應(yīng)的就引入了綠色。
? 如何確定色彩比例：黑色:藍色:白色:綠色、黃色等其他顏色約 6:2:1.5:0.5。效率優(yōu)先原則：減少色相-減少視覺干擾-突出內(nèi)容
? 1，工具類產(chǎn)品的配色更克制 2，首先符合自己的產(chǎn)品定位 3，效率優(yōu)先原則
? 配圖：產(chǎn)品中的一部分配圖是官方提供的，另一部分是用戶拍攝上傳的。所以色相或是視圖效果參差不齊，但能是展示當(dāng)?shù)靥鞖?，是產(chǎn)品特點最直接的方式。讓瀏覽的用戶參與其中又對你的產(chǎn)品一目了然。
? 圖標：1，工具類產(chǎn)品圖標多用線、面、或線面結(jié)合的方式展現(xiàn)。墨跡天氣標簽欄中默認狀態(tài)灰色線條，選中狀態(tài)藍色線條加暗一些的藍色填充。用圓潤的線條云概括了天氣，圖標的直觀表現(xiàn)力得到提升。
