、　你(ni)設(she)計了一(yi)(yi)個(ge)新的(de)網站(zhan)，你(ni)對(dui)此感到(dao)(dao)很興奮。你(ni)花了幾個(ge)小時仔細研究(jiu)最小的(de)細節 – 找到(dao)(dao)完美的(de)字體(ti)，將該圖標(biao)向下移動(dong)兩個(ge)像素(su)，然(ran)后(hou)調(diao)整一(yi)(yi)個(ge)，調(diao)制(zhi)一(yi)(yi)個(ge)令人愉快的(de)偏心(xin)調(diao)色板。你(ni)認為這是一(yi)(yi)個(ge)非常完美的(de)Sketch文件：是否(fou)有博物館?

　　您(nin)設置了一(yi)個會議(yi)，將您(nin)的(de)(de)設計(ji)交(jiao)給(gei)開發(fa)人員。你向他(ta)們展示了你很(hen)酷的(de)(de)想法(fa)，回答了一(yi)些問(wen)題(ti)，提出了一(yi)些問(wen)題(ti)等(deng)等(deng)。幾周之后，你的(de)(de)開發(fa)人員會返回完成的(de)(de)網(wang)站，然(ran)后…… 好吧，它看(kan)起(qi)來不(bu)錯，但有些事情并(bing)不(bu)完全正確(que)。當然(ran)，它與設計(ji)相匹配，但由于某些原因它并(bing)不(bu)是很(hen)流(liu)行。它看(kan)起(qi)來不(bu)錯，但不(bu)像Allbirds那(nei)樣好。少了什么(me)東西?

　　這(zhe)是(shi)一個秘(mi)密(mi)：您的開發人(ren)員可能(neng)同(tong)意(yi)您的意(yi)見。

　　當我開始進行(xing)Web開發(fa)時(shi)，我會(hui)(hui)建(jian)立(li)一個規(gui)范的(de)網站，但想知(zhi)道為什(shen)么它沒(mei)有(you)Allbirds的(de)香料。但是多(duo)年(nian)來，我已經學會(hui)(hui)了(le)許多(duo)開發(fa)人員可以(yi)實現的(de)技(ji)巧，以(yi)給予那些額外流(liu)行(xing)的(de)網站。下次你參加(jia)那次交接會(hui)(hui)議時(shi)，請向你的(de)開發(fa)人員詢問這6個簡單的(de)事(shi)情：

　　鏈接和按鈕上的懸停轉換

　　第一(yi)個(ge)是輕松的(de)(de)(de)勝利(li)。您可以通過一(yi)百(bai)萬種(zhong)方式在鏈(lian)接上添(tian)加(jia)創(chuang)意動畫和轉場，但(dan)老實說，即使在懸停時向不透明(ming)度(du)更(geng)改添(tian)加(jia)一(yi)點轉換也會將您的(de)(de)(de)網站(zhan)提升到一(yi)個(ge)新(xin)的(de)(de)(de)水平。

　　淡化或幻燈片而不是顯示/隱藏

　　這(zhe)也是一(yi)場輕(qing)松的(de)(de)勝利。當使用jQuery顯示或(huo)隱藏元(yuan)素(su)時，您可(ke)以做的(de)(de)最簡單(dan)的(de)(de)事情是將其(qi)切換(huan)為(wei)幻燈片或(huo)淡(dan)入淡(dan)出。或(huo)者，再次對幾(ji)乎任何元(yuan)素(su)轉換(huan)添加轉換(huan)，這(zhe)樣(yang)就不會有這(zhe)種刺耳的(de)(de)體驗。

　　字體Flash

　　你(ni)知道當你(ni)第(di)一次(ci)訪問一個網站的(de)時候(hou)，有時候(hou)你(ni)會(hui)看到Times New Roman或者Helvetica，然(ran)后才能看到時髦的(de)字體(ti)嗎?發生這種情況是因為文本(ben)首先(xian)在頁面(mian)上(shang)呈現(xian)，但(dan)是Javascript需(xu)要時間來加(jia)載字體(ti)。它近年來并不常(chang)見，但(dan)如(ru)果遇到它，這里(li)有一個簡單的(de)解決方(fang)法。基(ji)本(ben)上(shang)，您加(jia)載隱藏文本(ben)的(de)頁面(mian)，并僅在加(jia)載字體(ti)后顯示文本(ben)。

　　頁面加載器

　　如果您有(you)一個圖片(pian)密集的(de)(de)網站或您的(de)(de)用(yong)戶(hu)使用(yong)慢速互聯網連接，頁面加(jia)(jia)載時間(jian)可能會很長。就(jiu)像，幾秒鐘。一些痛(tong)苦秒，而用(yong)戶(hu)觀看網頁斗爭加(jia)(jia)載資產(chan)，樣式(shi)，字體，視頻和其(qi)他任何為(wei)(wei)在(zai)網站上。為(wei)(wei)什么不(bu)將加(jia)(jia)載時間(jian)變成有(you)趣(qu)的(de)(de)小體驗?您可以(yi)設(she)計一個有(you)趣(qu)的(de)(de)動畫作為(wei)(wei)頁面加(jia)(jia)載器。它在(zai)用(yong)戶(hu)等待(dai)時運行。

　　形式

　　現在我們要(yao)去大奶酪了(le)(le)。如果你真的(de)(de)(de)想要(yao)從用(yong)戶那里擊敗襪子，那么最(zui)好的(de)(de)(de)方(fang)法之一就是(shi)用(yong)一種奇特的(de)(de)(de)形式(shi)。Typeform在其上建立了(le)(le)一個(ge)業(ye)務。表(biao)單是(shi)站(zhan)點中唯一的(de)(de)(de)交互式(shi)部(bu)分(fen)之一，實現一個(ge)靈活的(de)(de)(de)表(biao)單在開發(fa)端需要(yao)更多的(de)(de)(de)工作(zuo)，但它非常(chang)值得。以下是(shi)一些有趣的(de)(de)(de)表(biao)單創意示例，可幫助您獲(huo)得創意。

　　頁面過渡

　　最后，絕對最酷(也是(shi)最耗時的工具)技巧之一是(shi)AJAX頁(ye)(ye)面轉換。你有沒有想過為什么有些網(wang)站會(hui)覺(jue)得(de)你無(wu)縫地(di)移動，而(er)其他網(wang)站每(mei)次你加載(zai)新頁(ye)(ye)面都會(hui)讓你感(gan)到震驚?頁(ye)(ye)面過渡。對于Shopify網(wang)站而(er)言(yan)，頁(ye)(ye)面轉換使(shi)您的網(wang)站導航變(bian)得(de)流暢(chang)和輕松(song)。