創(chuàng)造良好的第一印象是網(wǎng)站設(shè)計(jì)的重要組成部分。

2019-02-10    分類: 網(wǎng)站設(shè)計(jì)

創(chuàng)造良好的第一印象是網(wǎng)站設(shè)計(jì)的重要組成部分。首頁通常是用戶與企業(yè)或組織的第一次體驗(yàn),而且醒目的設(shè)計(jì)可以幫助您創(chuàng)造興趣。這個(gè)月的趨勢都集中在與用戶習(xí)慣看到的主頁設(shè)計(jì)元素有點(diǎn)不同的主頁設(shè)計(jì)元素上。

從簡單的英雄標(biāo)題和對角線布局的審美趨勢到用戶交互的趨勢或者是這樣的動(dòng)作,有很多有趣的方法來吸引用戶的注意力。

這是網(wǎng)站設(shè)計(jì)趨勢:

hi.jpg

英雄頭

一段時(shí)間以來,英雄圖像的趨勢一直是大的,大膽的圖像和視頻,填補(bǔ)了屏幕,通常從首頁的頂部到右邊滾動(dòng)開始的地方。更多的設(shè)計(jì)開始回避這種超大的圖像趨勢,用于較淺的英雄圖像。

大部分設(shè)計(jì)仍然是一樣的。英雄標(biāo)題仍然包括漂亮的圖像或文本與配置,以便查看。但圖像大約是一半的深度。

這個(gè)概念有什么好處,它有助于在屏幕上移動(dòng)其他信息。身體復(fù)制和不是英雄形象的動(dòng)作,在設(shè)計(jì)中出現(xiàn)較高,給用戶一些事情或立即點(diǎn)擊。它可以幫助防止圖像本身的混亂,如果圖像繁忙或難以與文本配對有效,這可能非常重要。

這種設(shè)計(jì)模式還可以為整體設(shè)計(jì)添加更多的空白,使其感覺更輕,更容易導(dǎo)航。隨著更少的風(fēng)格仍然受歡迎,這個(gè)概念可能是推動(dòng)這一設(shè)計(jì)決策的因素之一。

使用更淺的英雄形象的最艱難的部分是裁剪。這是你在設(shè)計(jì)過程初期想要考慮的一件事情,一直到與攝影師談?wù)搱D像的時(shí)候。由于形狀不符合標(biāo)準(zhǔn),您可能需要說明如何使用圖像來獲取照片或視頻,使用該長寬比看起來不錯(cuò)。

stripe.jpg


對角角板布局

一些趨勢是太多的樂趣忽視。對角角布局是其中的一個(gè)概念。

這些設(shè)計(jì)以聚集在屏幕的一個(gè)角落中的元素(通常是右下方)示出,并且散布到畫布的其余部分。元素通常被定位為看起來像是突然出現(xiàn)在設(shè)計(jì)中。

對角線角度布局通過在設(shè)計(jì)的底角創(chuàng)建焦點(diǎn)而不是左上角或中心,為用戶提供不同的眼睛跟蹤模式,并通過屏幕上看起來“爆炸”的元素的想法創(chuàng)造一些深度。(為了額外的踢設(shè)計(jì),考慮動(dòng)畫元素來增強(qiáng)爆炸效果,隨著用戶滾動(dòng)或懸停在特定元素上。)

為了充分利用這些元素,許多設(shè)計(jì)將“隱藏”更多的元素放在滾動(dòng)條上,以增加現(xiàn)實(shí)的額外元素,使您看不到的部分設(shè)計(jì)感到觸覺并存在于滾動(dòng)。

雖然這種類型的設(shè)計(jì)模式不適用于每種類型的內(nèi)容,但對于沒有其他藝術(shù)品的設(shè)計(jì),并且使用大量用戶界面元素來引起注意,這可能是一個(gè)好主意。它也可以用于投資組合風(fēng)格的網(wǎng)站設(shè)計(jì),或者作為將許多較小的視覺元素組織成單個(gè)單元的方式。

stoli.jpg


這個(gè)或那個(gè)號(hào)召行動(dòng)

幾乎每個(gè)網(wǎng)站設(shè)計(jì)都包含一些類型的號(hào)召性用語。無論是填寫表單,鏈接到點(diǎn)擊還是方向,以保持滾動(dòng)更多的內(nèi)容,用戶被提示做某事。(他們經(jīng)常收到別的東西作為這個(gè)努力的獎(jiǎng)勵(lì)。)

更多的設(shè)計(jì)開始彈出鏡像的動(dòng)作呼叫,允許用戶在選中進(jìn)行選擇,因?yàn)樗麄儧Q定接下來要做什么。該設(shè)計(jì)可能會(huì)有許多方法,例如直接將您從“傷害”中的作弊或從Stoli的雙面板選項(xiàng)到Hi Pointe Drive In的點(diǎn)擊選項(xiàng)導(dǎo)航。

這種設(shè)計(jì)風(fēng)格使用戶能夠控制他們想要做的和看到的內(nèi)容,這可以通過正確的內(nèi)容和選擇的混合來吸引人。以下三個(gè)例子都是很好的構(gòu)建用戶可以做什么以及會(huì)發(fā)生什么的。(如果用戶做出錯(cuò)誤的選擇,還需要返回,也可以使用。)

這里的挑戰(zhàn)在于,您需要正確的內(nèi)容才能使此設(shè)計(jì)模式工作。一些用戶可能被多種選擇所淹沒,只需要單一的單一行動(dòng)呼吁即可完成動(dòng)作。在這里,用戶有兩倍的考慮。為了充分利用選擇,內(nèi)容必須是全面的。


結(jié)論

與我們最近探討的其他一些趨勢不同,本月的趨勢是純粹的視覺元素,您可以在飛行中添加到現(xiàn)有設(shè)計(jì)中。(雖然如果你幸運(yùn)的話你可能會(huì)很親密)

這些設(shè)計(jì)方案更多地依賴于規(guī)劃內(nèi)容和設(shè)計(jì)來匹配,知道您有一定的概念。它需要預(yù)先計(jì)劃,在某些情況下甚至需要一些HTML或CSS魔術(shù)來將其全部拉在一起。

分享文章:創(chuàng)造良好的第一印象是網(wǎng)站設(shè)計(jì)的重要組成部分。
分享URL:http://muchs.cn/news/79172.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站制作