、　你設(shè)計了一個新的網(wǎng)站，你對此感到很興奮。你花了幾個小時仔細研究最小的細節(jié) – 找到完美的字體，將該圖標向下移動兩個像素，然后調(diào)整一個，調(diào)制一個令人愉快的偏心調(diào)色板。你認為這是一個非常完美的Sketch文件：是否有博物館?

　　您設(shè)置了一個會議，將您的設(shè)計交給開發(fā)人員。你向他們展示了你很酷的想法，回答了一些問題，提出了一些問題等等。幾周之后，你的開發(fā)人員會返回完成的網(wǎng)站，然后…… 好吧，它看起來不錯，但有些事情并不完全正確。當然，它與設(shè)計相匹配，但由于某些原因它并不是很流行。它看起來不錯，但不像Allbirds那樣好。少了什么東西?

　　這是一個秘密：您的開發(fā)人員可能同意您的意見。

　　當我開始進行Web開發(fā)時，我會建立一個規(guī)范的網(wǎng)站，但想知道為什么它沒有Allbirds的香料。但是多年來，我已經(jīng)學會了許多開發(fā)人員可以實現(xiàn)的技巧，以給予那些額外流行的網(wǎng)站。下次你參加那次交接會議時，請向你的開發(fā)人員詢問這6個簡單的事情：

　　鏈接和按鈕上的懸停轉(zhuǎn)換

　　第一個是輕松的勝利。您可以通過一百萬種方式在鏈接上添加創(chuàng)意動畫和轉(zhuǎn)場，但老實說，即使在懸停時向不透明度更改添加一點轉(zhuǎn)換也會將您的網(wǎng)站提升到一個新的水平。

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

　　這也是一場輕松的勝利。當使用jQuery顯示或隱藏元素時，您可以做的最簡單的事情是將其切換為幻燈片或淡入淡出?；蛘?，再次對幾乎任何元素轉(zhuǎn)換添加轉(zhuǎn)換，這樣就不會有這種刺耳的體驗。

　　字體Flash

　　你知道當你第一次訪問一個網(wǎng)站的時候，有時候你會看到Times New Roman或者Helvetica，然后才能看到時髦的字體嗎?發(fā)生這種情況是因為文本首先在頁面上呈現(xiàn)，但是Javascript需要時間來加載字體。它近年來并不常見，但如果遇到它，這里有一個簡單的解決方法。基本上，您加載隱藏文本的頁面，并僅在加載字體后顯示文本。

　　頁面加載器

　　如果您有一個圖片密集的網(wǎng)站或您的用戶使用慢速互聯(lián)網(wǎng)連接，頁面加載時間可能會很長。就像，幾秒鐘。一些痛苦秒，而用戶觀看網(wǎng)頁斗爭加載資產(chǎn)，樣式，字體，視頻和其他任何為在網(wǎng)站上。為什么不將加載時間變成有趣的小體驗?您可以設(shè)計一個有趣的動畫作為頁面加載器。它在用戶等待時運行。

　　形式

　　現(xiàn)在我們要去大奶酪了。如果你真的想要從用戶那里擊敗襪子，那么最好的方法之一就是用一種奇特的形式。Typeform在其上建立了一個業(yè)務(wù)。表單是站點中唯一的交互式部分之一，實現(xiàn)一個靈活的表單在開發(fā)端需要更多的工作，但它非常值得。以下是一些有趣的表單創(chuàng)意示例，可幫助您獲得創(chuàng)意。

　　頁面過渡

　　最后，絕對最酷(也是最耗時的工具)技巧之一是AJAX頁面轉(zhuǎn)換。你有沒有想過為什么有些網(wǎng)站會覺得你無縫地移動，而其他網(wǎng)站每次你加載新頁面都會讓你感到震驚?頁面過渡。對于Shopify網(wǎng)站而言，頁面轉(zhuǎn)換使您的網(wǎng)站導航變得流暢和輕松。