海淘科技告訴您了解這3條經(jīng)典準(zhǔn)則，能協(xié)助你發(fā)明十分好、更易懂的頁面規(guī)劃：
很多經(jīng)典準(zhǔn)則，例如那些字體規(guī)劃準(zhǔn)則，在線上依然有用。為環(huán)視而規(guī)劃時(shí)，有兩種形式需求思考。
F形式排版：Creative Bloq的主頁
F形式反映了用戶最一般的環(huán)視頁面的方法。他們的視野從上面開端橫向移動，然后沿著左面筆直移動，尋覓杰出的文字。
一旦找到激起他們興趣的內(nèi)容，他們又會開端橫向閱覽頁面。
還有Z形式：
Z形式規(guī)劃：MailChimp的主頁
Z形式也是一種自然的閱覽形式，一般用于報(bào)紙，頁面上也是如此。用戶在頁面頂部水平閱覽，然后向左下移動，在頁面的下一行再次進(jìn)行水平移動搜索。
文字
和打印相同，頁面文字也應(yīng)當(dāng)有明晰的層次。選擇合適的字號，有助于關(guān)鍵字在頁面上杰出，讓用戶更輕松的閱覽頁面。
明晰的文字層次：World Baking Day網(wǎng)站
咱們來看看文字層次中一些多見的層級：
首要：頁面上最明顯的文字更大更閃爍，招引用戶的留意力。一般用于標(biāo)題與裝修。
非必須：介于中心的一切內(nèi)容。不像標(biāo)題那么明顯，但要在頁面的慣例文字中杰出顯現(xiàn)。
再次：首要內(nèi)容所選的文字。文字層次中的這一級，有助于運(yùn)用戶沉浸在正文中。
其他：更小的一級，運(yùn)用斜體、粗體、下劃線、不一樣顏色等等。
合作運(yùn)用，樹立文字的層次，能夠發(fā)明出次序，避免用戶迷失其間。
要測驗(yàn)?zāi)沩撁娴囊鬃x性，能夠運(yùn)用“3秒準(zhǔn)則”：簡略地閱覽頁面，然后看向別處。其間杰出的內(nèi)容有沒有反映出你規(guī)劃目的?假如是的，那你方向準(zhǔn)確，持續(xù)堅(jiān)持;假如不是，則需求打回從頭規(guī)劃——也許的確如此。
不管平衡感來自于對稱、非對稱或是放射狀，都是為了讓規(guī)劃發(fā)明出安定與共同的感受。假如用戶在你的頁面上感到輕松，他們會更情愿停留。
圖像或文字不要過于密布：時(shí)間思考元素的空隙。排版傾向于簡練——密布的規(guī)劃會阻礙用戶。雙眼難以承受凌亂，使人更難承受信息的流通。
思考運(yùn)用極簡的規(guī)劃，經(jīng)過白色、黑色或十分深的布景和遠(yuǎn)景元素到達(dá)平衡?！稙槿搜圻M(jìn)行頁面UI規(guī)劃》里討論過，負(fù)空間的運(yùn)用能夠引導(dǎo)用戶的留意力。
震懾的極簡規(guī)劃事例：鞋類品牌ETQ的網(wǎng)站
上面展示的ETQ網(wǎng)站，利用了負(fù)空間將視野引向所陳設(shè)的商品。頁面底部比照明顯的黑白色塊，讓用戶選擇尺度或檢查商品價(jià)格。
頁面上極少攪擾信息，發(fā)明了一種平靜與次序的感受——當(dāng)然，也期望有助于促進(jìn)用戶購買。
讓你的規(guī)劃關(guān)于一切用戶都是牢靠的。不要運(yùn)用兩種以上的字體，保證一切年齡層的用戶都能閱覽。過于凌亂會打亂信息。
假如你發(fā)現(xiàn)自個(gè)在屏幕前不知所措，你的規(guī)劃也許就包含了太多的圖像。
選擇配色計(jì)劃時(shí)也要時(shí)間為用戶思考——假如是醫(yī)院網(wǎng)站，運(yùn)用鎮(zhèn)定柔和的顏色;假如受眾是青少年，則合適更明顯的顏色。
UC San Diego Health的網(wǎng)站選用的配色很符合它嚴(yán)厲的內(nèi)容
下面是一些書本規(guī)劃中常犯的過錯(cuò)，相同適用于頁面：
未經(jīng)過滿足的測驗(yàn)：一直要盡也許廣泛對規(guī)劃進(jìn)行測驗(yàn)。內(nèi)容也許會跨過多種前言(頁面、電子書、打印品)，這會使得文字有新面貌。而且，有些字體轉(zhuǎn)換到新前言上也許會變得不易閱覽。找到適用于一切情境的字體十分重要。還要思考你的規(guī)劃在不一樣屏幕尺度、不一樣分辨率和不一樣閱覽器中怎么展示。
不恰當(dāng)?shù)恼Z調(diào)：為每個(gè)頁面元素選擇準(zhǔn)確的語調(diào)。與字體相同，標(biāo)題應(yīng)當(dāng)招引讀者留意，副標(biāo)題作為標(biāo)題的說明或彌補(bǔ)，正文要像一段友愛的對話——溫暖親熱，讓讀者巴望了解更多信息。
不恰當(dāng)?shù)母袷剑鹤駨哪闼x的前言：不然，會一直浪費(fèi)時(shí)間修正文件，應(yīng)對CMYK用于打印、RGB用于網(wǎng)站這么的疑問。
想要了解更多有用的UI與UX規(guī)劃竅門，這可以協(xié)助你加速規(guī)劃流程設(shè)計(jì)。
