「優(yōu)設(shè)」最近上線了「優(yōu)設(shè)9圖」新欄目，通過(guò)一套9張知識(shí)卡片高度濃縮設(shè)計(jì)相關(guān)的各種實(shí)用知識(shí)與技巧，幫助大家提高設(shè)計(jì)效率、拓展設(shè)計(jì)視野。內(nèi)容涵蓋設(shè)計(jì)技巧經(jīng)驗(yàn)、配色靈感、設(shè)計(jì)種草、...

作為一個(gè)以內(nèi)容分享為核心的平臺(tái)， 文章、細(xì)節(jié)、靈感、素材、酷站這類輸出型的內(nèi)容是網(wǎng)站吸引用戶和訪客的核心，相比于其他的平臺(tái)，「優(yōu)設(shè)」引入用戶評(píng)論系統(tǒng)的時(shí)間更晚，但是相應(yīng)的，「...

dribbble(追波) 的404頁(yè)面會(huì)根據(jù)顏色推薦作品，當(dāng)左右滑動(dòng)頁(yè)面下方的色相條進(jìn)行顏色改變，頁(yè)面中間組成404文字的作品縮略圖會(huì)根據(jù)選定的顏色匹配出現(xiàn)對(duì)應(yīng)配色的作品圖，...

Adobe Color新增「對(duì)比檢查器」工具，輸入背景顏色和文字顏色的顏色碼即可自動(dòng)計(jì)算出他們的對(duì)比率，確保你選擇的顏色搭配在視覺(jué)上是舒服且易于閱讀的；在網(wǎng)站的右側(cè)，他還會(huì)給...

光標(biāo)變化在網(wǎng)頁(yè)設(shè)計(jì)上是很常見(jiàn)的，「即刻」網(wǎng)頁(yè)端巧妙地運(yùn)用了這個(gè)方法，把光標(biāo)變化改為了我們?cè)谌粘Ｉ钪谐Ｒ?jiàn)的黃色禁止通行柵欄圖標(biāo)??，能夠讓用戶立馬了解該按鈕是無(wú)法點(diǎn)擊，但是又沒(méi)...

網(wǎng)站 https://www.kubota.com/futurecube/的交互設(shè)計(jì)很有新意，用立方體做畫面的轉(zhuǎn)場(chǎng)，文字結(jié)合動(dòng)態(tài)插畫做創(chuàng)意變化，每個(gè)畫面都是精美的視頻。

進(jìn)入「沙沙野」網(wǎng)站，就能看到左下角有一只大鳥(niǎo)，鼠標(biāo)移入的時(shí)候，他變的就像很開(kāi)心一樣，告訴你他是「沙沙野」的小管家，而且每次添加，都出隨機(jī)出現(xiàn)一段沙沙野的介紹，增強(qiáng)了用戶趣味體...

「站酷網(wǎng)」的個(gè)人主頁(yè)里，用戶可以自己裝飾主頁(yè)，修改更換個(gè)人主頁(yè)背景圖及作品展示的背景圖，還支持gif格式，滿足更多樣的選擇。通過(guò)「作者視角」和「粉絲視角」還能分別預(yù)覽自己或別...

「ATMOS」的品牌網(wǎng)頁(yè)https://atmos.leeroy.ca使用了飛行特效的設(shè)計(jì)來(lái)營(yíng)造故事性與新鮮的視覺(jué)。滾動(dòng)鼠標(biāo)滾輪，網(wǎng)頁(yè)中的飛機(jī)就會(huì)向前穿梭，期間云朵和文字由遠(yuǎn)...

「大眾」的車型介紹網(wǎng)頁(yè)設(shè)計(jì)挺特別的，其他車企家都是大篇幅的車輛照片和參數(shù)。而「大眾」官網(wǎng)卻展示了多段用戶使用大眾汽車的日常溫情故事。給產(chǎn)品賦予情感聯(lián)系。

「邁凱倫跑車」為了體現(xiàn)動(dòng)力強(qiáng)勁在官網(wǎng)做的一個(gè)小互動(dòng)，長(zhǎng)按空格鍵模擬踩油門給車加速，儀表盤數(shù)字滾動(dòng)配合畫面變化和引擎音效，讓人對(duì)動(dòng)力有更直觀深刻的印象。

「浪琴Zulu手表」網(wǎng)站的視覺(jué)和交互設(shè)計(jì)很有藝術(shù)感。「Zulu」是航空和軍事領(lǐng)域的通用時(shí)間表達(dá)，而「浪琴Zulu手表」則是用支持多時(shí)區(qū)來(lái)延續(xù)這個(gè)概念。網(wǎng)站以「 Zulu手表」...

DeLorean（德勞瑞恩汽車）網(wǎng)站主頁(yè)的輪播圖，在切換其他banner將光標(biāo)移到「下一頁(yè)」箭頭按鈕時(shí)，會(huì)彈出圓形的預(yù)覽框能看到下一張圖片的縮略圖。別致又新穎的交互處理方式。

跪著看完的軟件工程師個(gè)人網(wǎng)站，運(yùn)用 treejs 技術(shù)。先用 3D 做了一個(gè)辦公室，具體的網(wǎng)站內(nèi)容都在電腦屏幕里。屏幕里界面則是模擬老版本的 Windows 操作系統(tǒng)，你甚至...

在設(shè)計(jì)師社區(qū)網(wǎng)站「Dribbble」上瀏覽作品時(shí)，如果對(duì)作品的顏色感興趣，可以直接在作品圖的左下角獲取到作品的色板。點(diǎn)擊色板上的顏色還可以進(jìn)行同色系的作品搜索，實(shí)用高效。投稿...

彈幕除了在音視頻網(wǎng)站上用于評(píng)論交流顯示，還能怎么運(yùn)用？「運(yùn)營(yíng)派」網(wǎng)站用彈幕顯示其他用戶的操作，會(huì)讓你可以感受到自己跟網(wǎng)站的另一邊的人有互動(dòng)感。當(dāng)然，如果你不想要看這些彈幕的話...

IT問(wèn)答網(wǎng)站「stackOverflow」的搜索框在獲取焦點(diǎn)后，會(huì)提供若干搜索的語(yǔ)法建議，幫助用戶輸入更精確的關(guān)鍵詞，得到更好的搜索結(jié)果。

Rauno Freiberg 制作的帶釘住功能的迷你縮略圖原型，通過(guò)側(cè)邊的頁(yè)面縮略圖不僅能進(jìn)行快速定位，還添加了釘住功能，收藏指定位置，以便后續(xù)一鍵直達(dá)。僅支持firefox...

點(diǎn)擊「Vercel」官網(wǎng)右鍵左上角的LOGO，你會(huì)發(fā)現(xiàn)當(dāng)前頁(yè)面會(huì)自動(dòng)跳轉(zhuǎn)到Vercel的品牌資源網(wǎng)頁(yè)。Vercel團(tuán)隊(duì)預(yù)判用戶右鍵點(diǎn)擊網(wǎng)站LOGO可能是為了復(fù)制，因此會(huì)通過(guò)自...

「Baymard Institute」為一家電子商務(wù)網(wǎng)站提供的創(chuàng)意方案，如果用戶商品按價(jià)格排序，可以在滾動(dòng)條旁邊顯示動(dòng)態(tài)價(jià)格標(biāo)簽，告知用戶當(dāng)前瀏覽的商品的價(jià)格區(qū)間。