上門無憂
上門無憂app是聯(lián)想為上門服務(wù)的工程師們提供記錄工單狀態(tài)、查詢備件信息焦蘑、知識庫學(xué)習(xí)等的一款應(yīng)用盒发。主要分為“工單、備件拼卵、學(xué)習(xí)蛮艰、我的”四個模塊，工單主要為工程師提供每一單服務(wù)的詳細(xì)記錄即寡，工程師需要確認(rèn)服務(wù)的每一個過程，從而確保服務(wù)質(zhì)量莺丑；備件主要是服務(wù)中的更換備件信息善涨；學(xué)習(xí)即知識庫，工程師可在其中搜索到各類相關(guān)問題蟹漓；我的——工程的個人信息頁面源内。
于工程師：可以幫助工程師記憶，為工程師提效減負(fù)嗽交。
于公司：可以更好的管理每一個工程師颂斜，直接為工程師推送通知、對服務(wù)交付的細(xì)節(jié)進(jìn)行考核盒让。收集用戶信息司蔬。
于用戶：可以反饋回來的數(shù)據(jù)，提前知曉哪個工程師將于何時到達(dá)肺缕，為他進(jìn)行服務(wù)授帕。
引導(dǎo)頁設(shè)計
現(xiàn)在出發(fā)/確認(rèn)到達(dá)現(xiàn)場/確認(rèn)離開現(xiàn)場/確認(rèn)服務(wù)完成
客戶類型豪墅、問卷信息、SLA
搜索關(guān)鍵詞斩萌、文檔分類、相關(guān)技術(shù)通報
從上圖可以看出憋飞，整個引導(dǎo)頁的設(shè)計以突出app的主要功能為目的姆吭，以粉灰色為基調(diào)，而風(fēng)格則偏向扁平簡約内狸。這主要是考慮到app的設(shè)計風(fēng)格也是簡約為主，以紅灰為主色調(diào)锰瘸，多表單信息等昂灵。
引導(dǎo)頁中所使用的顏色，大部分都有app中直接提取管削，再加上一些同色調(diào)的輔助色撑螺。
細(xì)心的人可能會發(fā)現(xiàn)，最后一張主體部分的紅不如其他兩張的顏色重茸俭。這是出于面與線的區(qū)別考慮安皱，本身面看起來就比線要重艇炎，所有選擇適當(dāng)將面的顏色調(diào)亮，來保持平衡居砖。
在引導(dǎo)頁選擇方案的時候奏候，大家都更偏向于簡約清新的風(fēng)格唇敞，起初想做的溫馨一點咒彤，著重體現(xiàn)工程師們的貼心服務(wù)镶柱，后來考慮到app的使用者是工程師們模叙，所以更換為以突出功能為主。
最開始故觅，大家都很喜歡自如這種小清新的手繪風(fēng)格渠啊，色彩溫暖，繪畫精細(xì)评也，風(fēng)格突出（個人覺得相比較圖來說灭返，字排的不太好看）。就個人而言熙含，我也是想嘗試一下這樣的風(fēng)格的。
看過整套邮弹，就會發(fā)現(xiàn)蚓聘，其實這套引導(dǎo)頁它所有的圖畫與文字的關(guān)聯(lián)性并沒有那么大，換句話說与纽，也就是把圖形放到其他的話術(shù)下，也是沒有問題的急迂。
而這次引導(dǎo)頁的設(shè)計中僚碎，應(yīng)該可以看到阴幌，每個頁面的話術(shù)與圖形的關(guān)聯(lián)性極強(qiáng)卷中。當(dāng)然皆看，我的這套引導(dǎo)頁的設(shè)計也是借鑒了其他設(shè)計的，如下圖：
上圖是我在作圖前的參考頁面无埃，都說天下設(shè)計一大抄嫉称，在開始一個新項目時，大部分的設(shè)計師都會選擇到花瓣织阅、千圖震捣、UI中國、站酷等各類設(shè)計網(wǎng)站上找素材伶椿，或者尋找所謂的“靈感”浇雹，這樣的學(xué)習(xí)形式其實也挺好的稿蹲，多去看店展，發(fā)現(xiàn)美的東西并去研究和學(xué)習(xí)赂蕴，這也是提升自己的一種方法舶胀，但關(guān)鍵是怎么樣把別人的東西變成自己的東西。
顯然峻贮，我還做的不夠纤控。需要更多的思考碉纺，這也算是一次嘗試吧刻撒，嘗試分析作品耿导，去看自己的不足。
可以看到醋火，我?guī)缀跏钦麄€借鑒了這個引導(dǎo)頁的風(fēng)格箱吕、形式等，但是具體的內(nèi)容有很多區(qū)別兆旬，也做了一些改進(jìn)丽猬。
例如，上圖整套的設(shè)計都是以山和云為背景脚祟，但實際上這跟它所表現(xiàn)的內(nèi)容巴刻，是沒有任何關(guān)系的，所以只是單純的背景沥寥。
而我在做的過程中，力求能夠?qū)⒈尘昂椭黝}結(jié)合起來邑雅，起初的兩張關(guān)聯(lián)性都還不夠妈经，做到最后一張的時候，基本上是有密切的相關(guān)性了骤星。
例如爆哑，力求風(fēng)格、元素揭朝、顏色上的更加統(tǒng)一色冀，希望能關(guān)注更多的細(xì)節(jié)等等柱嫌。
結(jié)束語
曾經(jīng)有一個設(shè)計師問我（其實是一次面試），你臨摹這個icon与学，你知道它哪里做的好么癣防？你知道它所在意的細(xì)節(jié)是什么嗎掌眠？問的我一臉懵圈级遭，說實話渺尘，在臨摹的時候我確實沒有去考慮它到底為什么好看，于是我只能老實的回答說不知道鸥跟，并向他請教医咨。
面試官很好，是一個很厲害的設(shè)計干茉，于是開始跟我分析那套icon好在什么地方很泊，注意的細(xì)節(jié)是哪里。于是我知道了戳鹅，一個高UI跟一個入門級UI的區(qū)別在哪里昏兆，希望終有一日，我也可以成長到想要的樣子模软。
其實我一般不喜歡分享自己的設(shè)計燃异，因為覺得做得還不夠好继蜡，獻(xiàn)丑咯！
