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

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

當我們拿到一個品(pin)牌(pai)(pai)設計案例或(huo)者品(pin)牌(pai)(pai)設計case的時候(hou)，肯定會(hui)對(dui)品(pin)牌(pai)(pai)進行(xing)了(le)解(jie)和(he)咨詢。有些(xie)時候(hou)客戶也會(hui)提供我們一些(xie)品(pin)牌(pai)(pai)設計規范和(he)品(pin)牌(pai)(pai)設計源文件(jian)等。

所以(yi)，善用(yong)或(huo)延用(yong)原(yuan)有(you)的(de)品(pin)牌(pai)設計(ji)是我們(men)第一步(bu)最(zui)先考慮(lv)的(de)。

在這個基礎(chu)可以發揮我(wo)們(men)特有(you)的移動品牌(pai)創意和品牌(pai)設計靈感。要求我(wo)們(men)在用色、文案(an)、視覺(jue)風格上與官網品牌(pai)搭(da)邊(bian)。

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

絕(jue)大(da)部分(fen)品牌類運營專題還是比較容易辨別的(de)(de)，因為他們(men)的(de)(de)首屏一(yi)般(ban)都會選用差(cha)不多占據首屏的(de)(de)大(da)尺寸配圖或大(da)篇幅的(de)(de)背景(jing)底色來(lai)吸引用戶眼球。并且這樣也(ye)可以充分(fen)考(kao)慮(lv)到(dao)響應式構架(jia)，讓(rang)它在任(ren)何終端上(shang)都占據首屏的(de)(de)顯示。

比如我們(men)可以(yi)看看中國國內手機(ji)最(zui)火(huo)的幾(ji)個網(wang)站(zhan)：魅族(zu)官網(wang)、小米官網(wang)、華為手機(ji)官網(wang)等。

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

純色為(wei)主，而且以(yi)品牌(pai)色為(wei)主。

品(pin)牌運(yun)營相對于(yu)(yu)活動運(yun)營更適(shi)用(yong)(yong)于(yu)(yu)to B用(yong)(yong)戶群(qun)，很大程度也是(shi)取決于(yu)(yu)元素簡潔這一(yi)(yi)點。簡潔顧(gu)名思義就是(shi)干凈、干練。容(rong)易傳達(da)品(pin)牌的概念(nian)。同時也保(bao)證了移動品(pin)牌的統一(yi)(yi)性。

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

今年流(liu)行的(de)網(wang)頁設(she)計趨勢之一(yi)的(de)設(she)計專(zhuan)有(you)名詞(ci)：幽靈按鈕(niu)

幽靈按鈕——那些(xie)透明的、可點擊的物(wu)體——忽然間就(jiu)變(bian)得無處(chu)不在。以狂風暴雨之勢席卷正網頁(ye)設計領域(yu)。誰能(neng)想到，像(xiang)按鈕這么簡單的事物(wu)，能(neng)夠(gou)改變(bian)我們看待(dai)網頁(ye)設計的方式？

幽靈(ling)按鈕有著(zhu)最(zui)簡(jian)單的(de)扁(bian)平外(wai)形——正方形、矩形、圓(yuan)形、菱形——沒有填充色，只有一條淡淡的(de)輪廓。除了外(wai)框和文字，它完完全(quan)全(quan)（或者說幾乎完全(quan)）透明。

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

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

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

今天跟大伙聊的(de)關于移動品牌設計(ji)的(de)風格(ge)元素和設計(ji)規(gui)律。希(xi)望對大家的(de)設計(ji)之途有所啟發。