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

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

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

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

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

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

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

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

　　字體Flash

　　你知道當(dāng)你第一次訪問一個(gè)網(wǎng)站的時(shí)候，有時(shí)候你會(huì)看到Times New Roman或者Helvetica，然后才能看到時(shí)髦的字體嗎?發(fā)生這種情況是因?yàn)槲谋臼紫仍陧撁嫔铣尸F(xiàn)，但是Javascript需要時(shí)間來加載字體。它近年來并不常見，但如果遇到它，這里有一個(gè)簡(jiǎn)單的解決方法?；旧?，您加載隱藏文本的頁面，并僅在加載字體后顯示文本。

　　頁面加載器

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

　　形式

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

　　頁面過渡

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