在移動(dòng)互聯(lián)網(wǎng)高速發(fā)展的環(huán)境下，人們的生活質(zhì)量越來(lái)越高，手機(jī)也越來(lái)越高大上，對(duì)移動(dòng)端的表現(xiàn)能力也有了更強(qiáng)烈的需求品味，因此我們需要更加優(yōu)雅的展現(xiàn)H5頁(yè)面，艾納設(shè)計(jì)今天想和大家分享的是在H5移動(dòng)端頁(yè)面的極簡(jiǎn)主義設(shè)計(jì)。

    極簡(jiǎn)主義以簡(jiǎn)單到極致為追求，是一種設(shè)計(jì)風(fēng)格，感官上簡(jiǎn)約整潔，更加注重品味和思想上的優(yōu)雅。這樣子看起來(lái)是不是非常不錯(cuò)呢？那么我們應(yīng)當(dāng)如何去理解極簡(jiǎn)主義設(shè)計(jì)和如何在H5頁(yè)面當(dāng)中去實(shí)踐呢？下面簡(jiǎn)單的提出幾個(gè)點(diǎn)，希望能夠起到拋磚引玉的作用，將極簡(jiǎn)設(shè)計(jì)更加完美的運(yùn)用到我們的H5頁(yè)面設(shè)計(jì)當(dāng)中，讓H5頁(yè)面更加優(yōu)秀并更有價(jià)值！

    極簡(jiǎn)非簡(jiǎn)單

    極簡(jiǎn)設(shè)計(jì)秉承了極簡(jiǎn)主義的思想，對(duì)各種文字、圖形、色彩、構(gòu)成等元素進(jìn)行重組，然后用一種更直接傳達(dá)的方式來(lái)表現(xiàn)。往往有人認(rèn)為極簡(jiǎn)就是簡(jiǎn)約設(shè)計(jì)，但個(gè)人不以為然，兩者有本質(zhì)上的區(qū)別，思想思維也是大有不同。極簡(jiǎn)設(shè)計(jì)是一種反對(duì)過(guò)度設(shè)計(jì)、裝飾而產(chǎn)生的，我們需要耗費(fèi)的時(shí)間與精力可能會(huì)是更多。一個(gè)成功的極簡(jiǎn)設(shè)計(jì)往往能以最少的元素、最直接的打動(dòng)人心。相信在未來(lái)，極簡(jiǎn)設(shè)計(jì)會(huì)是一個(gè)更大的趨勢(shì)，會(huì)有更多人加入到其中。

    在H5頁(yè)面中，我們可以通過(guò)極簡(jiǎn)設(shè)計(jì)理念，將頁(yè)面設(shè)計(jì)的更加輕量化。如之前甚至如今在APP中一直很火爆的扁平化設(shè)計(jì)風(fēng)格，就是一種極簡(jiǎn)設(shè)計(jì)的體現(xiàn)。在扁平化設(shè)計(jì)中，會(huì)把按鈕的投影、寫(xiě)實(shí)部分去掉，而采用更加直觀的輕量化的設(shè)計(jì)元素（色彩、塊、組合），讓用戶(hù)在第一時(shí)間就獲取到真正的核心內(nèi)容，而不受花花草草裝飾的干擾。然而做扁平化設(shè)計(jì)也是非常不簡(jiǎn)單，需要有很強(qiáng)的歸納提取再組合、色彩搭配、圖形概括等等非常專(zhuān)業(yè)知識(shí)。

    遵循自然而然

    在H5移動(dòng)端頁(yè)面中，色彩往往都會(huì)非常豐富，這就需要考驗(yàn)設(shè)計(jì)師對(duì)色彩的掌控能力；不同的色系代表著不同的傳達(dá)情感。H5作品中想表達(dá)的氣氛，或喜或感或動(dòng)或靜，都離不開(kāi)對(duì)色彩依賴(lài)。人們的認(rèn)知來(lái)自大自然，而我們?cè)O(shè)計(jì)本質(zhì)是創(chuàng)新，通過(guò)設(shè)計(jì)創(chuàng)新，讓我們生活的更加美好。我們應(yīng)當(dāng)遵循大自然，作品色彩搭配更加要能夠符合大自然。

    正因?yàn)榇笞匀坏纳侍^(guò)豐富，將大自然中的色彩運(yùn)用到我們的H5頁(yè)面作品中，則需要做一些提取處理，有一個(gè)原則是：少即是多，以最少最恰當(dāng)?shù)念伾珎鬟_(dá)完美！現(xiàn)今，越來(lái)越多的設(shè)計(jì)師更加傾向用最簡(jiǎn)潔、用更少的顏色去保持界面的干凈。

    說(shuō)到干凈，在這里還想跟大家提一下色彩中的：“白”，“白”是最能激發(fā)想象力的顏色，同時(shí)也是“無(wú)色”狀態(tài)，它的質(zhì)地能強(qiáng)有力地喚起任何物體的物質(zhì)性，也讓人能夠越過(guò)諸色紛呈的干擾直接關(guān)注設(shè)計(jì)本身，引導(dǎo)用戶(hù)關(guān)注重要的內(nèi)容。我們常常說(shuō)設(shè)計(jì)需要留白，其實(shí)也正因如此，讓頁(yè)面能更加有生機(jī)和呼吸感！還記得當(dāng)初學(xué)校里設(shè)計(jì)構(gòu)成課程中的點(diǎn)線面嗎？一個(gè)教授說(shuō)過(guò)：如果點(diǎn)能解決的就不要用到線，如果線能解決的就不要用到面?。ó?dāng)然這不是一成不變的法則，我們?cè)O(shè)計(jì)就是創(chuàng)新。）

    最后，最好的一種設(shè)計(jì)狀態(tài)是：讓用戶(hù)感受不到設(shè)計(jì)的存在，自然而然，隨心所欲。

    排版設(shè)計(jì)“設(shè)”不過(guò)三

    無(wú)論在何種視覺(jué)媒體中，文字和圖片都是其兩大構(gòu)成要素；文字圖片排版的好壞，直接影響了移動(dòng)端頁(yè)面的視覺(jué)效果，也就直接影響了用戶(hù)進(jìn)入頁(yè)面后的第一印象。在一個(gè)有限的小空間里（手機(jī)屏幕），想要第一印象就能打動(dòng)或者滿足用戶(hù)的心，這是一個(gè)非常值得我們?cè)O(shè)計(jì)人員去研究和反復(fù)考量的一點(diǎn)。在排版設(shè)計(jì)方面，覺(jué)唯設(shè)計(jì)建議應(yīng)當(dāng)遵循一個(gè)高效方法原則：設(shè)不過(guò)三！何為“設(shè)不過(guò)三”呢？

    在生活中，我們經(jīng)常會(huì)寫(xiě)一個(gè)文檔，一般文檔里面都會(huì)有一個(gè)正標(biāo)題、副標(biāo)題然后正文，其實(shí)這就是“設(shè)不過(guò)三”的一個(gè)典型體現(xiàn)。大家平時(shí)其實(shí)可以多看看報(bào)紙，很多大型報(bào)刊出報(bào)紙排版是經(jīng)典中的經(jīng)典，可以將很多密密麻麻的文字和一些簡(jiǎn)單的配圖，就能夠很清晰的向閱讀者傳達(dá)報(bào)紙的重點(diǎn)，讓人們即使是一眼掃過(guò)報(bào)紙都能掌握其中的一些重要信息。

    在我們?cè)O(shè)計(jì)移動(dòng)端頁(yè)面的時(shí)候，一個(gè)頁(yè)面里面的元素層級(jí)關(guān)系最好不要超過(guò)三級(jí)：

    第一級(jí)：是最重要（最顯眼），可以通過(guò)大小、顏色、位置等方式來(lái)強(qiáng)化，向用戶(hù)傳達(dá)我們的中心思想。

    第二級(jí)：輔助、擴(kuò)展第一級(jí)，不可與第一級(jí)爭(zhēng)奪眼球，指引引導(dǎo)用戶(hù)理解，并且可以更加舒適的閱讀上下級(jí)。

    第三級(jí)：屬于正文，是我們頁(yè)面中最詳細(xì)最通俗易懂的部分。這里的文字就不需要特殊處理，只要能符合人們閱讀習(xí)慣即可。

    通過(guò)以上的三級(jí)方法來(lái)劃分我們的側(cè)重點(diǎn)，可以很好的向用戶(hù)傳達(dá)我們的信息。那么我們應(yīng)該在實(shí)踐中怎么做呢？其實(shí)做法很簡(jiǎn)單，把握一個(gè)準(zhǔn)則：平衡、對(duì)比、統(tǒng)一！最后就是把握細(xì)節(jié)，細(xì)節(jié)決定成??！

    我們可以大致從以下方面來(lái)做調(diào)整：

    統(tǒng)一規(guī)范字體大小

    對(duì)比突出重點(diǎn)

    嘗試不同的風(fēng)格

    顏色的區(qū)分

    字體之間的行間距

    細(xì)微入至的動(dòng)態(tài)交互

    文章一開(kāi)頭就提到，隨著科技的告訴發(fā)展，如今的手機(jī)軟件、硬件設(shè)備都在極速發(fā)展，現(xiàn)在設(shè)計(jì)師們可以很大膽的天馬行空，用各種奇思妙想去實(shí)現(xiàn)一個(gè)又一個(gè)震撼人心動(dòng)態(tài)效果，例如：過(guò)渡、跳動(dòng)、2D變換、3D動(dòng)畫(huà)、粒子效果甚至模擬現(xiàn)實(shí)生活中的各種現(xiàn)象（如閃電、破碎）等等。在H5設(shè)計(jì)中，適當(dāng)?shù)氖褂脛?dòng)效交互，可以讓用戶(hù)更加有參與感，并且還能很友好的強(qiáng)調(diào)我們的重點(diǎn)內(nèi)容。

    除了非常友好的動(dòng)效，在H5頁(yè)面中，我們還可以做的更多，比如：按鈕的按壓態(tài)（:active），即用戶(hù)手機(jī)觸摸某個(gè)按鈕的時(shí)候，我們必須給用戶(hù)一些反饋（可以是改變按鈕樣式、透明度等等方式），讓用戶(hù)知道 Ta 已經(jīng)確實(shí)是點(diǎn)擊到了，而不會(huì)導(dǎo)致用戶(hù)一直在狂點(diǎn)，還罵聲連連！

    還有一個(gè)非常常見(jiàn)的現(xiàn)象，在一個(gè)H5頁(yè)面，塞滿了各種動(dòng)畫(huà)（左右飛入、上下滾動(dòng)、無(wú)效翻轉(zhuǎn)），像是雜技一樣，不知道是為了炫技還是滿足虛榮心，這一種霸占浪費(fèi)用戶(hù)的生命時(shí)間的行為，非常不可取的！在移動(dòng)端的任何一個(gè)動(dòng)效都是有它的存在緣由的，只要在最恰當(dāng)?shù)臅r(shí)間展示最用心的動(dòng)效才能虜獲用戶(hù)的心。

    在一個(gè)非常小的H5移動(dòng)端屏幕空間，我們能做的除了專(zhuān)業(yè)，還有用心！

贛州網(wǎng)站建設(shè)|贛州網(wǎng)絡(luò)公司|贛州做網(wǎng)站|贛州網(wǎng)站建設(shè)價(jià)格|贛州網(wǎng)頁(yè)制作|贛州建網(wǎng)站公司|贛州微信二維碼平臺(tái)|贛州微信公眾號(hào)|贛州百度公|贛州百度推廣|贛州百度優(yōu)化|贛州朝揚(yáng)網(wǎng)絡(luò)|朝揚(yáng)網(wǎng)絡(luò)