通過(guò)關(guān)注細(xì)節(jié)完善絲襪網(wǎng)站建設(shè)11個(gè)網(wǎng)站

Charles Eames說(shuō)：“細(xì)節(jié)不是細(xì)節(jié)。網(wǎng)站由細(xì)節(jié)組成，而網(wǎng)站的內(nèi)容則通過(guò)它們進(jìn)行傳達(dá)。無(wú)論是設(shè)計(jì)用來(lái)提供信息還是用作應(yīng)用程序，一個(gè)執(zhí)行良好的網(wǎng)站都已引起人們的關(guān)注，從復(fù)制到圖像再到布局。

細(xì)節(jié)在網(wǎng)頁(yè)設(shè)計(jì)中很重要，因?yàn)榫W(wǎng)站的整體介紹和實(shí)用性會(huì)產(chǎn)生積極的印象，因此很重要。為了呼應(yīng)Eames，他們進(jìn)行了設(shè)計(jì)，而對(duì)細(xì)節(jié)的疏忽可能恰恰相反。

這里有很多細(xì)節(jié)，其中一些與界面有關(guān)，另一些與交互有關(guān)，在您下一個(gè)基于Web的項(xiàng)目中要考慮。

?

Basecamp密碼驗(yàn)證的速度

Basecamp??是用于項(xiàng)目管理的基于Web的工具。自推出以來(lái)，速度和效率至關(guān)重要。

對(duì)于其驗(yàn)證界面，明智的做法是在輸入密碼后需要按“確定”按鈕。如果正確輸入密碼，則會(huì)自動(dòng)顯示默認(rèn)屏幕。諸如此類的微小措施可支持Basecamp已經(jīng)非?？斓男阅?。

?

現(xiàn)代設(shè)計(jì)實(shí)踐的Colophon

盡管從15世紀(jì)開(kāi)始就在書(shū)中使用了樹(shù)脂紙，但它們的目的適用于網(wǎng)絡(luò)。Neoteric Design??分享了他們網(wǎng)站的生產(chǎn)注釋-使用了從字體到軟件到編程語(yǔ)言再到內(nèi)容管理系統(tǒng)的內(nèi)容。如果訪問(wèn)者對(duì)網(wǎng)站的創(chuàng)建方式感到好奇，則可使用書(shū)狀字體來(lái)幫助滿足人們對(duì)網(wǎng)站構(gòu)建某些特定細(xì)節(jié)的好奇心。它還證明了對(duì)印刷通信中哪些方面可以與基于Web的通信相關(guān)的探索。

?

Berger＆F?hr的多功能印刷網(wǎng)格

開(kāi)拓性設(shè)計(jì)師Massimo Vignelli（于2014年5月去世）擁護(hù)版式網(wǎng)格，他將其定義為“書(shū)的內(nèi)衣”（摘自Brain Pickings的文章“偉大的書(shū)本設(shè)計(jì)秘訣中的Massimo Vignelli”）。注意底層網(wǎng)格是使站點(diǎn)整齊排列的老練方法。

貝格（Berger＆F?hr）對(duì)博爾德當(dāng)代藝術(shù)博物館（Boulder當(dāng)代藝術(shù)博物館）場(chǎng)地的重新設(shè)計(jì)明顯體現(xiàn)了基于網(wǎng)格的結(jié)構(gòu)。明顯的區(qū)別是印刷網(wǎng)格完全應(yīng)用于網(wǎng)站內(nèi)容的程度：從搜索表單，導(dǎo)航下拉菜單，日歷視圖，頁(yè)腳文本和鏈接來(lái)看，這顯然是一致的。更重要的是，網(wǎng)格的效用在站點(diǎn)的響應(yīng)狀態(tài)下保持一致。

當(dāng)嚴(yán)格地用于組織內(nèi)容時(shí)，無(wú)論其類型和規(guī)模如何，印刷網(wǎng)格最終都具有總體的連貫性。

?

Maker's Row慶祝的到位驕傲

網(wǎng)頁(yè)設(shè)計(jì)中有一種新興的做法是自豪地顯示網(wǎng)站的起源地。Maker's Row通過(guò)在“頁(yè)腳”中標(biāo)記“自豪地制造……”來(lái)發(fā)現(xiàn)這一點(diǎn)，這很明顯。Maker?'s Row??通過(guò)在團(tuán)隊(duì)頁(yè)面中顯示各自的家鄉(xiāng)來(lái)強(qiáng)調(diào)團(tuán)隊(duì)的根源。共享每個(gè)團(tuán)隊(duì)成員來(lái)自何處，不僅僅充當(dāng)“基于位置”的信息，還表達(dá)了一種珍貴的位置感。

?

TWLOHA直接訪問(wèn)社交媒體

雖然通常會(huì)顯示一串鏈接到社交媒體目的地的圖標(biāo)，但是TWLOHA會(huì)??使用整個(gè)網(wǎng)站名稱。理解是立即的。一個(gè)明顯的好處：不會(huì)混淆Twitter的“ t”和Tumblr的“ t”之間的圖標(biāo)。

?渴望通過(guò)MINIMAL進(jìn)行連接

網(wǎng)站通常會(huì)包含一個(gè)標(biāo)記為“?聯(lián)系人”的頁(yè)面。設(shè)計(jì)工作室MINIMAL??希望連接。不同的詞會(huì)引起不同的語(yǔ)氣（這可能會(huì)帶來(lái)不同，從而帶來(lái)機(jī)會(huì)）。

“連接”聽(tīng)起來(lái)比“聯(lián)系”更誘人。更人性化，更少敷衍。

?

輕按以訪問(wèn)草稿

由于這是一種非常備用的形式，因此登錄/注冊(cè)會(huì)使用大量的利潤(rùn)。編寫(xiě)應(yīng)用程序Draft的?Nathan Kontny?在表格旁邊插入了用戶的認(rèn)可。他們可能會(huì)引導(dǎo)潛在的用戶嘗試甚至采用該工具。

從業(yè)務(wù)角度來(lái)看，該課程是：不要羞于展示基于Web的應(yīng)用程序或服務(wù)的實(shí)際用戶的正面印象。

CreativeMornings的顏色

毗鄰其位置，CreativeMornings的每一章?均由不同的顏色標(biāo)識(shí)。該元素在整個(gè)CreativeMornings網(wǎng)站上都經(jīng)過(guò)深思熟慮。它顯示在章節(jié)下拉菜單中。它強(qiáng)調(diào)邊緣，形狀和其他有趣的形式。加載內(nèi)容時(shí)，它會(huì)作為動(dòng)畫(huà)地帶回顯。

CreativeMornings的網(wǎng)站以實(shí)質(zhì)性的，微妙的方式進(jìn)行了色彩協(xié)調(diào)。

?

滑輪的超精簡(jiǎn)登錄

Pulley是由創(chuàng)造創(chuàng)意市場(chǎng)的同一團(tuán)體Big Cartel創(chuàng)立的，它是一個(gè)用于出售數(shù)字下載內(nèi)容的電子商務(wù)應(yīng)用程序，主要用于創(chuàng)意從業(yè)者展示和銷售他們的藝術(shù)品和產(chǎn)品。

登錄只需密碼。這是有針對(duì)性的修整情況，可減少摩擦的基于網(wǎng)的進(jìn)入。

?

Crush Lovely的項(xiàng)目故事

與傳統(tǒng)案例（例如案例研究和作品集）不同，創(chuàng)意工作室Crush Lovely??展示了他們作為Project故事所做的事情。這種方法說(shuō)明了作品的敘述。對(duì)于一個(gè)項(xiàng)目來(lái)說(shuō)，本質(zhì)上是一個(gè)故事，在故事的開(kāi)頭（項(xiàng)目的開(kāi)始）和結(jié)尾（項(xiàng)目的交付）之間加上故事的線索（過(guò)程）進(jìn)行橋接。

在選擇“?項(xiàng)目案例”系列的一個(gè)客戶示例以查看該輪廓后，該輪廓就會(huì)變得充實(shí)。還注意到了其他標(biāo)簽調(diào)整：作為頂部引言的一部分，它被替換為“雄心勃勃”，而不是“目標(biāo)”。作為底部結(jié)論的一部分，邀請(qǐng)用戶“滿足成品”，而不是“觀看視頻”。

總體而言，這些調(diào)整后的標(biāo)簽不會(huì)使網(wǎng)站訪問(wèn)者指向公司工作的簡(jiǎn)要描述。他們有助于激起好奇心，并指向一個(gè)可愛(ài)的故事。

?

Knoed Creative的副項(xiàng)目

杭州網(wǎng)站建設(shè)類別與公司的主要人員和職務(wù)相關(guān)，其中可能包括其使命/愿景/宗旨。Knoed Creative??插入了一個(gè)超越九點(diǎn)五的部分，分享他們?cè)谂赃吽龅墓ぷ鳌?/span>它涉及副項(xiàng)目的現(xiàn)象（和必要性）。它還使“關(guān)于我們”的預(yù)期內(nèi)容多樣化。

這兩個(gè)方面都體現(xiàn)了創(chuàng)造性的積極性，超出了正常的工作日和工作空間。