亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

恭喜你成為UI中國推薦設(shè)計(jì)師 (詳情)
//百度統(tǒng)計(jì) 20220402 uicn

您的意見是我們 UI 中國進(jìn)步的動(dòng)力!
點(diǎn)擊立即反饋按鈕,發(fā)表您的意見!
立即反饋
QQ群反饋
您也可以加入U(xiǎn)I中國官方反饋群進(jìn)行反饋!
群號:302892100
備注:反饋問題后@管理員能讓我們及時(shí)了解您的意見

提交需求

賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱危覀儠诘谝粫r(shí)間與您聯(lián)系!

0/20
0/200

設(shè)計(jì)大賽

  • 設(shè)計(jì)大賽
  • 發(fā)布廣告
  • 發(fā)布招聘
  • 其它需求

提交完成
感謝您對UI中國的支持和信賴!
單頁面網(wǎng)站設(shè)計(jì)的5個(gè)技巧
0.0°

    每個(gè)人都喜歡單頁面設(shè)計(jì)。

    這種設(shè)計(jì)趨勢就像某種化學(xué)反應(yīng),迅速地傳遍四周,并且一直在增長,許多網(wǎng)站都開始采用單頁面的設(shè)計(jì)方式。

    在很久以前,單頁面不會讓你為之驕傲。它們只是單純地傳遞信息的“名片”而已,顯得廉價(jià)、無趣。

    但現(xiàn)在作為設(shè)計(jì)趨勢的單頁面完全不同了。它從設(shè)計(jì)中移除了雜亂的元素,保留簡潔但又不失美麗的用戶界面以及簡明能讓人關(guān)注的內(nèi)容。從用戶體驗(yàn)的角度來講,單頁面設(shè)計(jì)既有好處也有壞處,但用戶喜歡瀏覽這些網(wǎng)站,這已經(jīng)是需要考慮的事情了。

http://ingramcoleland.com.au/ 


    雖然沒有證據(jù),但一些專家在爭論單頁面站點(diǎn)比傳統(tǒng)的多頁面配合導(dǎo)航的站點(diǎn)有更高的轉(zhuǎn)換率。我能找到的研究案例只有37signals。研究證明單頁面相對于老式的多頁面注冊率高出37.5%。

的確,沒什么好令人吃驚的:

  • 單頁導(dǎo)航更直接;不會遺漏任何東西,所有東西都只需要滾動(dòng)就能看到。
  • 頁面簡潔更能讓人看到重點(diǎn),讓頁面的主要信息更容易傳達(dá)。
  • 自從點(diǎn)擊的瀏覽方式被滾動(dòng)和滑動(dòng)代替過后,單頁面網(wǎng)站幾乎能在所有設(shè)備上流暢運(yùn)行。

http://plannr.co/

 

    單頁面設(shè)計(jì)最大的挑戰(zhàn)就是讓用戶保持滾動(dòng)。用高清圖片、醒目的顏色和漂亮的字體來抓住用戶的注意力,但也不總是有足夠的能力挑起用戶的興趣。通過一些A/B測試和用戶數(shù)據(jù)分析,你就能找到通往用戶心中的路。接下來就一起看看能讓單頁面網(wǎng)站更加友好的幾個(gè)小技巧吧。

 

1.將內(nèi)容分割成小塊

    當(dāng)你只有一個(gè)頁面來展示你的故事的時(shí)候,不要讓用戶淹沒在大量信息中就顯得至關(guān)重要了。不要害怕使用折疊和多區(qū)域顯示內(nèi)容。讓信息和媒體元素從頭至尾地保持簡潔凝練。更重要的是,單網(wǎng)頁的內(nèi)容應(yīng)該有邏輯連續(xù)性和一定的順序(發(fā)生的事件--原因--怎樣發(fā)展的--地點(diǎn)--時(shí)間)。Mijlo的網(wǎng)站designawatch.mijlo.comagencysurvivalkits.com.就是使用這樣順暢且富有意義的內(nèi)容流的代表。

http://agencysurvivalkits.com/

 

    另一個(gè)讓用戶遵從你的引導(dǎo)的方法就是同時(shí)使用圖片視覺和文本內(nèi)容。講故事是一種強(qiáng)有力的傳遞內(nèi)容的方式,同時(shí)也是內(nèi)容營銷的趨勢。它將平凡小事融入到信息中,使其更加貼近用戶的生活。這可不代表你需要雇傭一個(gè)小說家。只需要多注意內(nèi)容的情態(tài)表達(dá)以及嘗試將東西寫得更人性化。

http://designawatch.mijlo.com/

 

2.為快速訪問設(shè)計(jì)非傳統(tǒng)的導(dǎo)航

    單網(wǎng)頁通常只有滾動(dòng),有時(shí)甚至是無止盡的滾動(dòng)。就像潛入了深邃的海洋,不知道你會走多遠(yuǎn)。保持用戶有跡可循的安全性:將滾動(dòng)和傳統(tǒng)的導(dǎo)航系統(tǒng)結(jié)合起來。普遍的做法是在頁面頂部設(shè)置固定的導(dǎo)航條,不管滾動(dòng)多久它都保持在頂端。這種方式也增加了易用性。固定導(dǎo)航條相比傳統(tǒng)的面包屑導(dǎo)航更具有可視性和交互性。

    如果你的單網(wǎng)頁站點(diǎn)很長,那么擁有“回到頂部”按鈕和垂直滾動(dòng)條就變得很有意義,它可以讓用戶快速回到頂端和訪問網(wǎng)頁的其他區(qū)域。

 

3.強(qiáng)烈的行動(dòng)引導(dǎo)

    如果你問一個(gè)數(shù)字營銷商人在轉(zhuǎn)換中最有影響力的因素是什么,答案幾乎可以確定就是行動(dòng)引導(dǎo)。好的行動(dòng)引導(dǎo)不能說完成全部工作,也至少完成了一半的工作。我敢說所有為了特定目標(biāo)而設(shè)計(jì)的網(wǎng)站都適用這個(gè)原則,不管是移動(dòng)應(yīng)用下載,訂單簽訂,演示請求,郵箱注冊或者更簡單的聯(lián)系方式的提交。無論什么目的,行動(dòng)引導(dǎo)的質(zhì)量決定機(jī)遇。

http://cronnection.com/

 

    根據(jù)KISSMetrics案例研究,“行動(dòng)引導(dǎo)顯著地增加了591%的轉(zhuǎn)換率?!?/p>

    單網(wǎng)頁成為設(shè)計(jì)焦點(diǎn)使其在行動(dòng)引導(dǎo)方面做得更好。在單網(wǎng)頁中,少量的文本和多媒體元素不會使用戶脫離主要目標(biāo)。同時(shí),通過良好的敘述引導(dǎo)用戶瀏覽網(wǎng)頁一直到重點(diǎn)信息區(qū)域,在那應(yīng)放上強(qiáng)烈的行動(dòng)引導(dǎo)標(biāo)識。

    再強(qiáng)調(diào)一次,安排一些A/B測試來決定哪種引導(dǎo)才是最適合網(wǎng)站的,因?yàn)橛袝r(shí)候微小的改變,如:顏色、位置、措辭都會帶來意想不到的變化。

http://www.klyme.com/

 

4.保持簡單,不是單調(diào)

    傳統(tǒng)的多頁面網(wǎng)站很漂亮是因?yàn)樗幸粋€(gè)設(shè)計(jì)主題以及很多可用的內(nèi)頁面模版。設(shè)計(jì)單頁面站點(diǎn)更具有挑戰(zhàn)性同時(shí)有更多創(chuàng)造性的空間。隨著近期CSS3,HTML5和Javascript的發(fā)展,使開發(fā)簡單但吸引人的網(wǎng)站擁有了無限的可能性。添加一些小動(dòng)畫和漂亮的、流暢的過渡都只是細(xì)節(jié)問題,但不要忘記好的用戶體驗(yàn)并不只是細(xì)節(jié)。

    只是不要被CSS的魔力吸引而變得忘乎所以,不要讓跳動(dòng)、浮動(dòng)、搖晃的元素充滿整個(gè)網(wǎng)頁。

http://www.wrist.im/

 

5.保持輕巧

    單網(wǎng)頁站點(diǎn)的一個(gè)缺點(diǎn)是加載時(shí)間慢。當(dāng)只有一個(gè)頁面?zhèn)魉蛢?nèi)容的時(shí)候,通常站點(diǎn)會變得很沉重,需要更多時(shí)間來加載。接著上一點(diǎn)來說,就是不要在網(wǎng)頁上使用太多不必要的動(dòng)畫和其他會嚴(yán)重影響加載速度的設(shè)計(jì)元素。節(jié)省用戶的時(shí)間是你的首要工作。緩慢的加載速度也會影響你的網(wǎng)站優(yōu)化,很明顯,網(wǎng)站優(yōu)化可不是單頁面網(wǎng)站的最大壓力源。對于你來說,需要更多的精力和努力讓網(wǎng)站能被Google蜘蛛捕獲。

http://www.re-create.com/


總結(jié)

    單網(wǎng)頁設(shè)計(jì)在吸引和引導(dǎo)用戶方面是很強(qiáng)大的。但十分依賴商業(yè)類型和網(wǎng)站目的。通常,單網(wǎng)頁設(shè)計(jì)最適用于單響應(yīng)式的站點(diǎn),如應(yīng)用下載,單個(gè)物品購買,捐贈(zèng)等等。但不要被常規(guī)所限制,畢竟這都是別人的經(jīng)驗(yàn)不一定適合你。

更新:2014-08-18

收藏

54人已收藏

PassbyOne

靜心

  • 15

    作品

  • 371

    粉絲

  • 7

    關(guān)注

  • 移動(dòng)設(shè)計(jì)中不可或缺的交互
  • UI/UX設(shè)計(jì)師訪談之Luca Burgio
  • 16個(gè)免費(fèi)圖庫
  • 未來界面:使科技更人性化

    猜你喜歡

      單頁面網(wǎng)站設(shè)計(jì)的5個(gè)技巧

      0.0°

      你確定要舉報(bào)單頁面網(wǎng)站設(shè)計(jì)的5個(gè)技巧?

      如果查出惡意舉報(bào),十天內(nèi)禁止提交任何舉報(bào)申請。

      0/200

      上傳證據(jù): 超過10M的附件請使用網(wǎng)盤地址

      點(diǎn)擊上傳附件

      對誰可見:

      全部設(shè)計(jì)師
      • 全部設(shè)計(jì)師
      • 推薦設(shè)計(jì)師和認(rèn)證設(shè)計(jì)師

      您確認(rèn)要推薦?

      該作品發(fā)布時(shí)間:2014年08月18日

      評分

      完整度

      啟發(fā)性

      勤奮性

      排版布局

      推薦心得

      建議20-200字以內(nèi)

      0/200

      38
      54
      1

      賬號或密碼錯(cuò)誤,請重新輸入

      賬號或密碼錯(cuò)誤,請重新輸入

      登錄

      手機(jī)號

      發(fā)送驗(yàn)證碼 120s 驗(yàn)證碼錯(cuò)誤

      登錄
      第三方賬號登錄