成都網(wǎng)頁制作 創(chuàng)新互聯(lián) 13518219792
暫時講解點對點,還值得一提的是圍繞充分利用人機(jī)交互的最重要工具:謙虛的光標(biāo)這一新興趨勢。
由于它在人類與數(shù)字空間互動的動力學(xué)中起著至關(guān)重要的作用,因此我們中的許多人都不愿意惹惱光標(biāo)。但不是我們所有人。
例如,在“點對點”上,光標(biāo)會做很多工作:
懸停狀態(tài)在此處顯示項目圖像。
如果您猶豫了一下,這里將成為如何與菜單進(jìn)行交互的提示。
在這里,它揭示了一些使命宣言。(不幸的是,將文本渲染為圖像。)
在KIKK Festival網(wǎng)站上,您的光標(biāo)似乎幾乎遍歷了豐富的藍(lán)色層,以揭示設(shè)計的另一個維度,從而增加了您在網(wǎng)站上的時間。
使用Webflow的設(shè)計師NiccolòMiranda還比將鼠標(biāo)指向并單擊他的作品集網(wǎng)站還把光標(biāo)放在更具創(chuàng)造性的工作上。在他的主頁上,光標(biāo)會提示您單擊并按住,從而觸發(fā)一整天辛苦工作的機(jī)智動畫。
我對Niccolò的一個希望是,他實際上從早上5點到午夜都不工作。
18.所有人歡呼新的同質(zhì)英雄
直到最近,我們都對無處不在的網(wǎng)站抱有共同的愿景。它看起來像這樣:
著陸頁的框架,其中導(dǎo)航欄在右上角,徽標(biāo)在左上角,英雄圖像后跟一個blurb和三個列
資源
我們甚至編寫了有關(guān)構(gòu)建此內(nèi)容的教程,以防您的客戶大聲疾呼。
但在2018年,該設(shè)計開始變型。設(shè)計師對精美照片上方居中的標(biāo)題和按鈕感到厭倦。
他們做了什么呢?將標(biāo)題和號召性用語向左移動。然后縮小圖像,將其設(shè)置在右邊,也許將其作為自定義插圖?
等等!看哪位新的同質(zhì)英雄。
Airtable.com
Dropbox.com
Mailchimp.com
Stripe.com
需要明確的是:我個人認(rèn)為這沒有任何問題。頭條新聞越來越清晰。子標(biāo)題添加了非常需要的上下文。您總是知道在哪里可以找到號召性用語。我們對認(rèn)知流利性的渴望(當(dāng)我們處理熟悉的事物時獲得的掌控感)得以實現(xiàn)。雅各布定律被考慮在內(nèi)。
雅各布法律的登陸頁面,其標(biāo)準(zhǔn)布局反映了該法律的前提。 內(nèi)容模糊的文字是:“用戶將大部分時間都花在其他站點上。這意味著用戶希望您的站點以與他們已經(jīng)知道的所有其他站點相同的方式工作。”
在婚禮邀請之外的任何地方都不會看到居中的文字。
但是它肯定是新潮的。
19.重疊所有東西
網(wǎng)站布局模型,其中各部分之間用灰色框分隔,標(biāo)題文本跨越多個部分。
基于卡的設(shè)計時代使我們所有人都非常清楚,明確地分組到離散的對象中??紤]到普通地區(qū)的格式塔心理學(xué)定律,這是一個明智的選擇。
但是公共區(qū)域并不是視覺上鏈接離散元素的方法。還有統(tǒng)一連通性定律,這解釋了為什么在上面的設(shè)計中清楚地表明“ It's a Light”是指左側(cè)的燈。
因此,在2019年,我們希望看到更多關(guān)于建立聯(lián)系的方法的探索,例如NBC網(wǎng)站上的以下新聞通訊模塊:
NBC.com上具有重疊元素的新聞通訊模塊
這張照片和副本的可自定義拼貼畫:
Molley Heltz網(wǎng)站概念的重疊,可移動照片。
Zhenya Rynzhuk的動畫關(guān)于頁面
在日本創(chuàng)意公司SONICJAM的網(wǎng)站上:
sonicjam.co.jp上的重疊元素