H5頁面設(shè)計(jì)風(fēng)格:極簡主義風(fēng)格
極簡主義是生活及藝術(shù)的一種風(fēng)格,本意在于極力追求簡約,通常用于建筑和家居設(shè)計(jì)。那么,要把這種設(shè)計(jì)風(fēng)格融入到H5頁面設(shè)計(jì)中,我們又該遵循哪些要點(diǎn)呢?
理解極簡的含義
在H5頁面中,我們可以通過極簡設(shè)計(jì)理念,將頁面設(shè)計(jì)的更加輕量化。如之前甚至如今在APP中一直很火爆的扁平化設(shè)計(jì)風(fēng)格,就是一種極簡設(shè)計(jì)的體現(xiàn)。在扁平化設(shè)計(jì)中,會(huì)把按鈕的投影、寫實(shí)部分去掉,而采用更加直觀的輕量化的設(shè)計(jì)元素(色彩、塊、組合),讓用戶在第一時(shí)間就獲取到真正的核心內(nèi)容,而不受花花草草裝飾的干擾。然而做扁平化設(shè)計(jì)也是非常不簡單,需要有很強(qiáng)的歸納提取再組合、色彩搭配、圖形概括等等非常專業(yè)知識。
融入大自然的元素
在H5移動(dòng)端頁面中,色彩往往都會(huì)非常豐富,這就需要考驗(yàn)設(shè)計(jì)師對色彩的掌控能力;不同的色系代表著不同的傳達(dá)情感。H5作品中想表達(dá)的氣氛,或喜或感或動(dòng)或靜,都離不開對色彩依賴。人們的認(rèn)知來自大自然,而我們設(shè)計(jì)本質(zhì)是創(chuàng)新,通過設(shè)計(jì)創(chuàng)新,讓我們生活的更加美好。我們應(yīng)當(dāng)遵循大自然,我們的作品色彩搭配更加要能夠符合大自然,來自大自然的色彩是非常柔美、舒適的。
細(xì)節(jié)又帶有震撼
隨著科技的告訴發(fā)展,如今的手機(jī)軟件、硬件設(shè)備都在極速發(fā)展,現(xiàn)在設(shè)計(jì)師們可以很大膽的天馬行空,用各種奇思妙想去實(shí)現(xiàn)一個(gè)又一個(gè)震撼人心動(dòng)態(tài)效果,例如:過渡、跳動(dòng)、2D變換、3D動(dòng)畫、粒子效果甚至模擬現(xiàn)實(shí)生活中的各種現(xiàn)象(如閃電、破碎)等等。在極簡H5設(shè)計(jì)中,適當(dāng)?shù)氖褂脛?dòng)效交互,可以讓用戶更加有參與感,并且還能很友好的強(qiáng)調(diào)我們的重點(diǎn)內(nèi)容。
除了非常友好的動(dòng)效,在H5頁面中,我們還可以做的更多,比如:按鈕的按壓態(tài)(:active),即用戶手機(jī)觸摸某個(gè)按鈕的時(shí)候,我們必須給用戶一些反饋(可以是改變按鈕樣式、透明度等等方式),讓用戶知道 Ta 已經(jīng)確實(shí)是點(diǎn)擊到了,而不會(huì)導(dǎo)致用戶一直在狂點(diǎn),還罵聲連連!
層級不超過3級
在我們設(shè)計(jì)移動(dòng)端頁面的時(shí)候,一個(gè)頁面里面的元素層級關(guān)系最好不要超過三級:
第一級:是最重要(最顯眼),可以通過大小、顏色、位置等方式來強(qiáng)化,向用戶傳達(dá)我們的中心思想。
第二級:輔助、擴(kuò)展第一級,不可與第一級爭奪眼球,指引引導(dǎo)用戶理解,并且可以更加舒適的閱讀上下級。
第三級:屬于正文,是我們頁面中最詳細(xì)最通俗易懂的部分。這里的文字就不需要特殊處理,只要能符合人們閱讀習(xí)慣即可。
通過以上的三級方法來劃分我們的側(cè)重點(diǎn),可以很好的向用戶傳達(dá)我們的信息。那么我們應(yīng)該在實(shí)踐中怎么做呢?其實(shí)做法很簡單,把握一個(gè)準(zhǔn)則:平衡、對比、統(tǒng)一!最后就是把握細(xì)節(jié),細(xì)節(jié)決定成??!
這種極簡風(fēng)格的H5頁面設(shè)計(jì),給人以感官上的簡潔明了,透露著清爽的感覺。對于其中形式的設(shè)計(jì)風(fēng)格來說,極簡風(fēng)格可能會(huì)給用戶帶來耳目一新的感覺。如果你想體驗(yàn)這方面的H5案例,可以關(guān)注“藍(lán)橙互動(dòng)”公眾號,擁有各種形式的設(shè)計(jì)風(fēng)格!
H5玩法創(chuàng)意資訊
NEWS
讓您了解更多關(guān)于H5玩法創(chuàng)意信息
3DH5游戲|品牌吸粉活動(dòng)策劃
H5中3D技術(shù)的引用,給傳統(tǒng)的二維游戲畫面帶來了全新的升級,既保留了原版游戲的趣味性,還擁有更佳的視覺體驗(yàn)。
2023年06月15日
互動(dòng)答題H5|金融品牌宣傳活動(dòng)
金融是一個(gè)十分注重于品牌宣傳的行業(yè),經(jīng)常都會(huì)推出各式各樣的H5營銷活動(dòng),為了控制活動(dòng)預(yù)算,部分活動(dòng)會(huì)選擇一些功能需求簡單的H5玩法,例如互動(dòng)答題H5。
2023年06月13日
快閃店H5線下引流活動(dòng)策劃
快閃店是一種不在同一地久留的品牌游擊店,供零售商在比較短的時(shí)間內(nèi)推銷其品牌,為了能夠吸引到更多的消費(fèi)者,快閃店通常會(huì)搭配一些游戲活動(dòng)來把線上用戶引流至線下。
2023年06月08日
百度校園教師節(jié)H5案例分享
教師節(jié)是肯定教師為教育事業(yè)所做的貢獻(xiàn)而推出的節(jié)日,這一天會(huì)有許多人討論與老師相關(guān)的話題,無論在哪一個(gè)互聯(lián)網(wǎng)平臺(tái)都有不小的熱度。對于與教育相關(guān)的行業(yè)來說,這將是一次絕佳的營銷機(jī)會(huì)。
2023年06月07日
一文詳解VR、3D、AR在H5營銷中的應(yīng)用
隨著H5開發(fā)技術(shù)的成熟,H5中可擴(kuò)展的應(yīng)用技術(shù)越來越多,例如VR、3D、AR等技術(shù)都可應(yīng)用到H5營銷當(dāng)中,幫助商家打造出趣味新穎的活動(dòng)玩法,從而吸引更多用戶參與活動(dòng)。
2023年06月02日
H5游戲制作方案匯總:DIY生成H5
DIY生成H5是指用戶通過添加已有貼紙庫中的貼紙,通過縮放移動(dòng)貼紙大小和位置,按照自己的喜好和想法制作屬于自己的海報(bào)的過程。讓用戶在玩的過程中接收品牌或者產(chǎn)品所要展示的信息,達(dá)到宣傳的目的。
2023年06月02日
口令紅包H5|品牌吸粉活動(dòng)策劃
吸粉一直以來都是各大品牌的一個(gè)長期訴求,為了確保吸粉活動(dòng)對用戶的吸引力,也為了維持已有粉絲的活躍度,需要品牌經(jīng)常推出相關(guān)的吸粉活動(dòng)。
2023年05月24日
H5營銷|親子月H5活動(dòng)設(shè)計(jì)
親子活動(dòng)時(shí)母嬰、童裝等與孩子相關(guān)的行業(yè)商家最常用的活動(dòng)形式,雖然名為親子活動(dòng),但不是必須要孩子與家長共同參與,活動(dòng)圍繞家長來設(shè)計(jì)。
2023年05月24日
線下邀約H5如何邀請更多用戶報(bào)名?
線下邀約H5是為品牌線下活動(dòng)宣傳,并提供線上報(bào)名功能的H5形式,將線上用戶引流至線下,是喜歡開展下線活動(dòng)品牌的常用活動(dòng)形式。
2023年05月18日