2019-02-21 分類(lèi): 網(wǎng)站建設(shè)
有些人會(huì)認(rèn)為,設(shè)計(jì)網(wǎng)站著陸頁(yè)中盡可能多的包含產(chǎn)品細(xì)節(jié),能夠吸引用戶(hù)。但是實(shí)際上,一個(gè)著網(wǎng)站陸頁(yè)不應(yīng)當(dāng)包含過(guò)量的信息,而應(yīng)該讓用戶(hù)注意到產(chǎn)品的核心價(jià)值,凸顯對(duì)用戶(hù)有利的信息。所以,在網(wǎng)站設(shè)計(jì)的時(shí)候,通常是采用相對(duì)簡(jiǎn)約明晰的視覺(jué)設(shè)計(jì),通過(guò)幾個(gè)富有凝聚力的UI元素(比如CTA按鈕和表單)來(lái)呈現(xiàn)。
圍繞著核心特點(diǎn)來(lái)對(duì)著落頁(yè)進(jìn)行設(shè)計(jì),網(wǎng)站設(shè)計(jì)師需要有層次地規(guī)劃整個(gè)布局,以及各個(gè)部分的優(yōu)先級(jí)。有效的視覺(jué)層次有利于用戶(hù)逐步獲取信息。
自定義的插畫(huà)常常會(huì)出現(xiàn)在著陸頁(yè)當(dāng)中,作為重要的UI組件幫助用戶(hù)理解產(chǎn)品的功能和概念。所以,在首圖的位置使用插畫(huà)是相當(dāng)普遍而有效的選擇。為了設(shè)計(jì)出更加有效的首圖插畫(huà),Tubik團(tuán)隊(duì)中的 Arthur Avakyan 和 Denis Boldyriev 也參與到首圖插畫(huà)的頭腦風(fēng)暴和創(chuàng)意設(shè)計(jì)當(dāng)中來(lái)。設(shè)計(jì)師嘗試將地球上不同區(qū)域的用戶(hù)相互連接的概念來(lái)進(jìn)行設(shè)計(jì)。下面就是他們基于這一概念設(shè)計(jì)出來(lái)的插畫(huà):
Ludmila Shevchenko 設(shè)計(jì)的插畫(huà)
Arthur Avakyan 設(shè)計(jì)的插畫(huà)
Denys Boldyriev 設(shè)計(jì)的插畫(huà)
設(shè)計(jì)師們拿出了不同風(fēng)格的插畫(huà),它們?cè)谥黝}上和整個(gè)UI保持一致,營(yíng)造出友好、平易近人的氛圍,同時(shí)也讓人對(duì)整個(gè)公司形象產(chǎn)生足夠的好感。插畫(huà)中展示出 Colony 是如何幫助世界各地的用戶(hù)溝通、交流、達(dá)成目標(biāo)的。
客戶(hù)在視覺(jué)上更加傾向于淺色背景和流暢的輪廓,因?yàn)檫@更加貼合他們的商業(yè)定位??紤]到客戶(hù)的方向選擇,Ludmila 還基于客戶(hù)的選擇繪制了一系列的變體。
全球互聯(lián)
連接地球
太空任務(wù)
連接世界
再次將 4 個(gè)不同的設(shè)計(jì)提交給客戶(hù)的時(shí)候,他們傾向于讓第三副圖和第四副圖的概念結(jié)合到一起。
在進(jìn)行調(diào)整之后,我們得到了最終的版本。第三副圖當(dāng)中的UI元素和第三副圖的插畫(huà)充分地融合到了一起,而配色則采用了集中明亮但是并不富有侵略性的色彩,粉紅、黃色、綠松石色以及紫色。
接下來(lái),就是為了展示不同的功能而設(shè)計(jì)自定義插畫(huà)。這些插畫(huà)也會(huì)使用和首圖插畫(huà)一致的配色方案。這些插畫(huà)是為了簡(jiǎn)明地展示產(chǎn)品功能而存在,以便用戶(hù)可以快速理解產(chǎn)品的功能和本質(zhì)。此外,插畫(huà)還會(huì)搭配一些微文案,來(lái)幫助用戶(hù)了解這些功能的特點(diǎn)。而這個(gè)時(shí)候,還需要文案設(shè)計(jì)師參與進(jìn)來(lái)。
正如你所看到的,所有的插畫(huà)都使用了大量的留白和微妙的元素來(lái)凸顯產(chǎn)品的復(fù)雜性。由于插畫(huà)中的色彩看起來(lái)非常的具有親和力,這使得插畫(huà)顯得非常的友好、富有吸引力。
為了讓整個(gè)界面看起來(lái)足夠一致,設(shè)計(jì)師還為制作了產(chǎn)品故事插畫(huà),它闡述了人們?yōu)楹涡枰@個(gè)產(chǎn)品。故事是吸引潛在客戶(hù)關(guān)注的好辦法,漂亮的自定義插畫(huà)讓它足以給用戶(hù)留下好印象。
創(chuàng)新互聯(lián),行業(yè)網(wǎng)站建設(shè)公司,14年專(zhuān)注企業(yè)網(wǎng)站一站式服務(wù),已為眾多企業(yè)公司提供網(wǎng)站建設(shè),網(wǎng)站設(shè)計(jì),網(wǎng)站制作,手機(jī)網(wǎng)站開(kāi)發(fā),模板建站等服務(wù)。高端定制網(wǎng)站建設(shè)領(lǐng)軍品牌--創(chuàng)新互聯(lián)值得信賴(lài)!
分享題目:建設(shè)網(wǎng)站的產(chǎn)品著陸頁(yè)設(shè)計(jì)
標(biāo)題來(lái)源:http://www.rwnh.cn/news/79238.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站內(nèi)鏈、標(biāo)簽優(yōu)化、搜索引擎優(yōu)化、ChatGPT、外貿(mào)建站、關(guān)鍵詞優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容