如(ru)果我們(men)在為某一(yi)些(xie)電(dian)商品(pin)牌或者傳統企業品(pin)牌來(lai)設(she)計(ji)一(yi)些(xie)移(yi)動APP項目(mu)，必須掌(zhang)握以(yi)下5個設(she)計(ji)規律。

1、善用或延用原有的品牌設計規范

當(dang)我們(men)拿(na)到一(yi)個品(pin)牌(pai)設(she)(she)計(ji)案例或者(zhe)品(pin)牌(pai)設(she)(she)計(ji)case的時候(hou)(hou)，肯(ken)定會(hui)對品(pin)牌(pai)進(jin)行了解和咨(zi)詢(xun)。有(you)些(xie)時候(hou)(hou)客戶也會(hui)提(ti)供(gong)我們(men)一(yi)些(xie)品(pin)牌(pai)設(she)(she)計(ji)規范和品(pin)牌(pai)設(she)(she)計(ji)源文件等(deng)。

所(suo)以，善用或延用原有的品牌設計是我(wo)們第一(yi)步(bu)最先考慮(lv)的。

在這個基礎可以發(fa)揮(hui)我們(men)特有的移動品(pin)(pin)牌(pai)創意(yi)和品(pin)(pin)牌(pai)設計靈(ling)感(gan)。要求我們(men)在用色、文案(an)、視(shi)覺(jue)風(feng)格上與官網品(pin)(pin)牌(pai)搭邊。

2、大圖展示為主，精簡文案為輔

絕大部(bu)分(fen)品牌類運(yun)營專題(ti)還是(shi)比較(jiao)容易辨(bian)別的(de)(de)，因為他們的(de)(de)首屏(ping)一般都會選用差不(bu)多占(zhan)據首屏(ping)的(de)(de)大尺(chi)寸配圖或大篇幅的(de)(de)背景底(di)色(se)來吸引用戶眼球。并(bing)且這樣也(ye)可以充分(fen)考慮到響應(ying)式構架，讓(rang)它(ta)在任何終端上都占(zhan)據首屏(ping)的(de)(de)顯示(shi)。

比(bi)如(ru)我們可以看看中國國內手機最火的幾個網站：魅(mei)族官(guan)網、小米官(guan)網、華為手機官(guan)網等(deng)。

3.簡易的配色（三個配色之內）

純色為主(zhu)，而且以品牌色為主(zhu)。

品牌(pai)(pai)運營相(xiang)對于活動運營更(geng)適(shi)用于to B用戶群，很(hen)大程度也是取決于元素簡潔(jie)這一點。簡潔(jie)顧名思義(yi)就(jiu)是干凈、干練(lian)。容易傳達品牌(pai)(pai)的概(gai)念。同時也保證了移動品牌(pai)(pai)的統(tong)一性。

4.巧用幽靈按鈕和大按鈕

今年流行的網頁設計趨(qu)勢之一的設計專有名(ming)詞：幽靈按鈕(niu)

幽(you)靈按鈕——那些(xie)透(tou)明(ming)的、可點擊的物體——忽然(ran)間(jian)就變(bian)得無處不在(zai)。以狂風(feng)暴雨之勢席卷正網頁設計領域。誰能想到(dao)，像按鈕這么簡單的事物，能夠改(gai)變(bian)我們看待網頁設計的方式？

幽靈按(an)鈕(niu)有著最簡單的扁平外形(xing)(xing)(xing)——正方形(xing)(xing)(xing)、矩形(xing)(xing)(xing)、圓形(xing)(xing)(xing)、菱形(xing)(xing)(xing)——沒有填充色，只(zhi)有一條淡(dan)淡(dan)的輪(lun)廓。除(chu)了外框和文(wen)字，它完(wan)完(wan)全全（或者說幾乎完(wan)全）透明。

當(dang)我們在(zai)進行(xing)品牌設(she)計的(de)(de)時候，需要在(zai)設(she)計移動網頁中或者APP設(she)計當(dang)中的(de)(de)按鈕時，不(bu)再設(she)計復雜色(se)彩(cai)、樣式和紋(wen)理，而是(shi)僅以(yi)線框示意輪廓，內里只用(yong)文字示意功能，背景透(tou)(tou)出，與整個頁面/背景合為一體。透(tou)(tou)明(ming)按鈕的(de)(de)最大(da)特色(se)是(shi)薄和透(tou)(tou)，不(bu)設(she)底色(se)不(bu)加紋(wen)理，形(xing)成(cheng)纖(xian)薄的(de)(de)視覺美感。達到真正不(bu)羅嗦的(de)(de)設(she)計理念(nian)，讓(rang)用(yong)戶清晰的(de)(de)看到必要的(de)(de)信息(xi)。

5、banner當中大字號的運用 特別是中英文的相結合。

當我們在(zai)設計的(de)(de)品牌網站或者(zhe)APP的(de)(de)時(shi)候，背(bei)(bei)景(jing)圖片大篇幅存在(zai)時(shi)或背(bei)(bei)景(jing)暗(an)紋沒有區別了的(de)(de)時(shi)候。這個事情(qing)我們需(xu)要運用的(de)(de)就是純(chun)文(wen)(wen)字(zi)的(de)(de)排(pai)版設計。當然，大字(zi)號(hao)的(de)(de)標題排(pai)版也不失為聚睛的(de)(de)妙招啦。 純(chun)文(wen)(wen)字(zi)的(de)(de)排(pai)版設計也是一(yi)門很靈(ling)活的(de)(de)藝(yi)術技巧。其中(zhong)(zhong)的(de)(de)文(wen)(wen)字(zi)，需(xu)要足夠清晰的(de)(de)構思與文(wen)(wen)案，并(bing)置(zhi)于其余(yu)部分的(de)(de)上下文(wen)(wen)語境中(zhong)(zhong)。

今(jin)天跟大(da)伙聊的關于移動品牌設(she)計的風格元素和(he)設(she)計規律(lv)。希望對大(da)家(jia)的設(she)計之途有所啟發。