久久九九久精品国产_成人区精品一区二区婷婷_国产激情一区二区三区_窝窝午夜理论片影院

18665606093

快捷導(dǎo)航

# 業(yè)務(wù)咨詢
電 話:18665606093

張經(jīng)理 / 18665606093

Email / service@2000new.com

Wechat

掃一掃添加顧問(wèn)

網(wǎng)站設(shè)計(jì)的七個(gè)技巧幫助你創(chuàng)建第一個(gè)屏幕內(nèi)容

來(lái)源:新際網(wǎng)絡(luò) 發(fā)布時(shí)間:2021-05-09

  1.使用令人印象深刻的圖像


  一個(gè)能震撼人的形象,總能在第一時(shí)間給人留下好印象。無(wú)論是選擇照片、視頻、動(dòng)畫還是其他“藝術(shù)”元素,每個(gè)網(wǎng)站的第一屏內(nèi)容都應(yīng)該包含用戶能夠理解和記憶的圖像。


  第一屏不僅僅是一張漂亮的圖片,它是頁(yè)面上所有內(nèi)容的入口,甚至可能在內(nèi)容的設(shè)計(jì)上更深入。


  單一的圖像是一個(gè)很好的開(kāi)始,但是你必須結(jié)合其他元素才能真正充分利用內(nèi)容。可能出現(xiàn)在第一個(gè)屏幕上的其他元素包括:


  文字或標(biāo)題;


  Logo或品牌標(biāo)識(shí);


  按鈕或呼叫動(dòng)作元素;


  導(dǎo)航元素;


  搜索


  在圖像的選擇上,盡量選擇清晰、高分辨率的圖像,在設(shè)計(jì)上給予文字或按鈕等其他元素大量的對(duì)比。人們更喜歡看到實(shí)質(zhì)性的東西,比如品牌,用戶更喜歡看到帶有模特角色的圖像,所以如果可能的話,你可以考慮給人們展示你的產(chǎn)品或者服務(wù)。


  2.合并導(dǎo)航元素


  沒(méi)有理由認(rèn)為第一屏的內(nèi)容和導(dǎo)航是兩個(gè)獨(dú)立的元素。事實(shí)上,它們通常是同一視覺(jué)概念的一部分。無(wú)論你喜歡完整的菜單導(dǎo)航還是漢堡導(dǎo)航這樣的隱藏彈出導(dǎo)航,導(dǎo)航元素都應(yīng)該是第一個(gè)屏幕計(jì)劃的一部分。


  當(dāng)您考慮頭部和導(dǎo)航時(shí),請(qǐng)考慮跟隨或合并導(dǎo)航模式。即使用戶離開(kāi)主導(dǎo)航,也可以通過(guò)這些元素快速找到站點(diǎn)的其他入口,而不影響任何視覺(jué)或功能。


  導(dǎo)航元素在第一個(gè)屏幕上播放的某些功能可能是意外的。因?yàn)檫@些表達(dá)通常是小文本或圖標(biāo),它可以幫助在第一個(gè)屏幕中建立層次結(jié)構(gòu),并向用戶展示如何與設(shè)計(jì)交互。


  3.創(chuàng)建唯一的消息模式


  僅僅在第一個(gè)屏幕上顯示一個(gè)美麗的圖像是不夠的。你需要讓用戶知道它在說(shuō)什么或者它攜帶了什么信息。


  你需要充分考慮第一批信息如何與用戶建立聯(lián)系和溝通渠道。


  它能告訴他們下一步做什么嗎,或者他們能從頁(yè)面內(nèi)容中得到他們期望的嗎?


  是否所有元素都傳達(dá)了一個(gè)簡(jiǎn)單統(tǒng)一的信息?


  能否引導(dǎo)用戶在頁(yè)面上采取行動(dòng)?或者點(diǎn)擊哪里進(jìn)入下一步?


  確保在構(gòu)建網(wǎng)站設(shè)計(jì)的第一個(gè)屏幕內(nèi)容時(shí)結(jié)合多種元素,以一條信息創(chuàng)造整體效果。


  4.使用超大的排版字體


  比常用字體更大的字體是增加標(biāo)題視覺(jué)表現(xiàn)的好方法。即使這些單詞可能是簡(jiǎn)單的位置標(biāo)識(shí)符,使用粗體大字體可以幫助用戶在開(kāi)始閱讀其他信息之前注意這些內(nèi)容。雖然排版可能會(huì)有一些困難和差異,但盡量堅(jiān)持兩種基本的排版方法:


  與在其他頁(yè)面上使用這種技術(shù)相比,我們更喜歡在首頁(yè)使用它。其實(shí)很簡(jiǎn)單。首頁(yè)負(fù)責(zé)印象,內(nèi)頁(yè)負(fù)責(zé)內(nèi)容。


  為了保持頁(yè)面的統(tǒng)一性和風(fēng)格,有必要在其他頁(yè)面上有一個(gè)一致但簡(jiǎn)單的視覺(jué)元素。


  5.考慮閱讀模式


  根據(jù)尼爾森諾曼小組的研究,在網(wǎng)站上閱讀通常遵循三種不同的眼球運(yùn)動(dòng)模式。然后,對(duì)這些閱讀模式進(jìn)行調(diào)整,解釋用戶閱讀時(shí)注意的任務(wù)。簡(jiǎn)單來(lái)說(shuō),這是可視化過(guò)程中相關(guān)部分的分組。


  這兩項(xiàng)研究對(duì)于用戶查看和消化內(nèi)容非常重要,因?yàn)樗鼈兛梢詭椭憷斫庠诰W(wǎng)站設(shè)計(jì)中,尤其是第一頁(yè)中,元素或內(nèi)容應(yīng)該如何放置以及放置在哪里。


  首先你可以思考一下這些基本模式:


  F模式:用戶首先會(huì)閱讀頂部的內(nèi)容,然后是頁(yè)面中間的內(nèi)容,最后在F模式下垂直向下。


  古騰堡圖模式:閱讀從左到右分為四個(gè)活躍區(qū)。從左到右,有兩個(gè)橫停,然后從右上角到左下角。


  Z模式:眼球的運(yùn)動(dòng)從左到右、從上到下來(lái)回移動(dòng),形成多個(gè)Z形閱讀路徑。


  按照上面的閱讀模式,你在考慮放置元素(尤其是關(guān)鍵元素)的時(shí)候,也要考慮如何刺激用戶有最強(qiáng)的與他們互動(dòng)的可能性。然后根據(jù)用戶剛剛消化的內(nèi)容和相關(guān)操作,思考用戶最有可能看到下一步的地方。


  6.包括可點(diǎn)擊的元素


  你的第一個(gè)屏保是交互式的嗎?是否包含可點(diǎn)擊的元素來(lái)鼓勵(lì)用戶參與這些話題?


  標(biāo)題可以是調(diào)用動(dòng)作按鈕的最佳位置,也可以是一個(gè)簡(jiǎn)單的操作,比如郵件地址收集表單。但是,不要放太多可點(diǎn)擊或可觸發(fā)的元素,只有一個(gè)簡(jiǎn)單的單個(gè)動(dòng)作元素才能在這個(gè)網(wǎng)頁(yè)設(shè)計(jì)中發(fā)揮作用。


  不確定標(biāo)題應(yīng)該包含哪些元素。考慮在整個(gè)設(shè)計(jì)中使用一致的按鈕(很像導(dǎo)航)。體驗(yàn)按鈕、購(gòu)物車按鈕或者其他用戶最容易使用的按鈕都是不錯(cuò)的選擇。


  7.使用簡(jiǎn)單的圖層


  如何將上述所有元素聚合到第一屏內(nèi)容中?訣竅是通過(guò)簡(jiǎn)單的分層。最好的第一屏設(shè)計(jì)往往看起來(lái)很簡(jiǎn)單。它遵循設(shè)計(jì)理論的規(guī)則,使用主導(dǎo)元素來(lái)吸引用戶,幫助他們實(shí)現(xiàn)可執(zhí)行的目標(biāo)。


  分層對(duì)象是實(shí)現(xiàn)這一點(diǎn)的一種方式。簡(jiǎn)單的分層不僅可以幫助您為每個(gè)元素創(chuàng)建不同的空間,還可以為用戶提供視覺(jué)焦點(diǎn)。他們知道從哪里開(kāi)始設(shè)計(jì),哪些元素值得他們關(guān)注,哪些元素可以瀏覽。


  第一次嘗試不一定總是成功的。許多調(diào)整和測(cè)試通常需要?jiǎng)?chuàng)建一組元素,這些元素可以有效地協(xié)同工作,并在頁(yè)面頂部給用戶帶來(lái)驚喜。


  總結(jié)


  雖然創(chuàng)建首頁(yè)通常是設(shè)計(jì)過(guò)程中最高級(jí)的部分,但這一部分在內(nèi)部頁(yè)面中同樣重要,但我們?cè)趯?shí)際工作中往往會(huì)失去這一點(diǎn)。“內(nèi)部”頁(yè)面的內(nèi)容需要盡可能和首頁(yè)一樣重要,因?yàn)楹芏嘤脩魰?huì)通過(guò)搜索來(lái)訪問(wèn)你的網(wǎng)站設(shè)計(jì),而不是輸入U(xiǎn)RL。


  獨(dú)立思考兩種內(nèi)容類型,共同實(shí)現(xiàn)設(shè)計(jì)的和諧統(tǒng)一和可視化。當(dāng)用戶在實(shí)際操作和瀏覽過(guò)程中,會(huì)產(chǎn)生這種視覺(jué)效果。


聯(lián)系我們
  1. 咨詢電話 咨詢電話

    業(yè)務(wù)咨詢:

    18665606093

    服務(wù)監(jiān)督:

    郭經(jīng)理 18620727292
  2. 聯(lián)絡(luò)郵箱 聯(lián)絡(luò)郵箱

    業(yè)務(wù)郵箱

    service@2000new.com

    招聘郵箱

    hr@2000new.com
  3. 新際網(wǎng)絡(luò)公司總部地址 總部中心
    廣州市番禺區(qū)漢溪大道東388號(hào)四海城商業(yè)中心4棟7樓
  4. 新際網(wǎng)絡(luò) 微信客服 微信溝通
    售前顧問(wèn)

    掃一掃加售前顧問(wèn)

返回頂部

電話咨詢

在線咨詢

留言預(yù)約

*新際020中心將盡快與您聯(lián)系