成在人线AV无码免费看_18禁网站有哪些_欧美黑人大尺度又粗又长_久久夜色撩人精品国产小说_无码高潮少妇毛多水多水免费

有手就會(huì)的UI小技巧,學(xué)完輕松做出高質(zhì)感界面|每日熱文
2023-01-13 06:31:56    程序員客棧


(資料圖片)

▲點(diǎn)擊 "TCC翻譯情報(bào)局"關(guān)注,回復(fù) "社群" 加入我們

本文共 2300字,預(yù)計(jì)閱讀 6分鐘

TCC 情報(bào)局的第 173篇干貨分享

2023年的第 2篇

TCC 推薦:大家好,這里是TCC翻譯情報(bào)局,我是李澤慧。在做界面設(shè)計(jì)時(shí),往往細(xì)節(jié)決定成敗。好的細(xì)節(jié)往往可以起到“四兩撥千斤”的作用,讓你的設(shè)計(jì)檔次大幅提升。今天我們就來看看 web 設(shè)計(jì)中有哪些好用的小技巧吧~

當(dāng)你在為下個(gè)項(xiàng)目創(chuàng)建高效、美觀的 UI 界面時(shí),有時(shí)可能只需要一些最小的調(diào)整就可以快速改善設(shè)計(jì)。只是一些簡單的微調(diào),就可以產(chǎn)出客戶、用戶甚至是自己都真實(shí)滿意的設(shè)計(jì)。在這篇文章里,我將一些微小且容易付諸實(shí)踐的簡單的設(shè)計(jì)技巧放在一起,加上少許的努力,就可以改善你的 設(shè)計(jì)和用戶體驗(yàn)。那就讓我們開始吧。1. 時(shí)不時(shí)使用純裝飾性元素1. It’s perfectly OK to use purely decorative elements from time to time是的,屏幕內(nèi)大部分的文字內(nèi)容應(yīng)該遵守“最佳可用性實(shí)踐”原則,這是毋庸置疑的。但是,有時(shí)候你也想加入一些文字純粹用來作裝飾,這也是可以的,我們也不希望自己所有的設(shè)計(jì)都陷入平淡無奇的境地。純粹為了裝飾的原因加入一些奇特的元素是完全可以的,不需要遵守?zé)o障礙原則...只要這些元素不會(huì)以任何方式影響用戶體驗(yàn)。靈活一點(diǎn)! 增加裝飾性文字(見藍(lán)色笑臉處)2. 讓UI界面中的元素更有區(qū)分度2. Make elements in your UIs distinguishable from one another

“按鈕”和“告示”,這兩個(gè)通常在你的UI界面中是獨(dú)立且重要的元素。如果可以的話, 盡量嘗試并確保你的用戶在瀏覽網(wǎng)站或 app 時(shí)可以快速、容易地將它們區(qū)分出來。

“按鈕”在通常情況下是優(yōu)先級(jí)高的,所以確保它們是屏幕內(nèi)最突出的項(xiàng)目,可以容易地與其他元素(即通知)作區(qū)分。

“按鈕”與“告示”樣式區(qū)分開,使“按鈕”在屏幕內(nèi)最突出3. 只要微量的陰影就夠了3. Just subtle amounts of shadow are all you need我們都喜歡一個(gè)好的陰影對(duì)吧?當(dāng)它被適度使用時(shí),可以成為設(shè)計(jì)中微妙但有力的視覺線索。但是,“細(xì)微”就是此處有意思的地方了。大多時(shí)候,陰影在現(xiàn)實(shí)世界中是幾乎不被注意的,因此在你的UI界面中也應(yīng)該效仿。去掉重而深的陰影,調(diào)低不透明度,以達(dá)到更微妙和逼真的效果。 去掉深而重的陰影,降低不透明度4. 使用大寫字母?選用合適的字體達(dá)到視覺清晰效果4. Using All Caps? Choose a font suitable to achieve optical clarity在你的設(shè)計(jì)中適當(dāng)?shù)厥褂么髮懽帜甘且患檬隆T谀承┪谋驹厣鲜褂么髮懽帜?,可以幫助你在設(shè)計(jì)中實(shí)現(xiàn)與其他文本元素差異化和對(duì)比的效果,并且提升想要呈現(xiàn)的整體視覺效果。如果要采用大寫字母,請(qǐng)確保選擇一個(gè)合適的字體,具有較高的 "x-height"[1]和較大的字重,可以使用戶的視覺更加清晰。( [1] x-height:是指給定字體中,任何給定尺寸下小寫字母x的高度。它提供了一種描述任意字體一般比例的方法。) 全部使用大寫字母時(shí)要選擇合適的字體5. 讓面包屑導(dǎo)航突出且易于用戶理解5. Make Breadcrumbs stand out and easy to interpret for the user面包屑導(dǎo)航,到處都是面包屑導(dǎo)航。在內(nèi)容豐富的網(wǎng)站中,面包屑導(dǎo)航經(jīng)常被使用,但可惜它們往往沒有得到應(yīng)有的關(guān)愛。只需要一些小小的調(diào)整,你就可以讓用戶輕松且精確地找到他們?cè)诰W(wǎng)站的位置,以及可能要去的地方。這在他們通過“搜索”功能跳轉(zhuǎn)到網(wǎng)站較深的頁面時(shí)尤其有用。始終努力確保面包屑鏈路中的最后一項(xiàng)在視覺上看起來與其他的不同,而鏈接也應(yīng)該做得更像鏈接。給面包屑一點(diǎn)愛吧。 最后一項(xiàng)要與眾不同,鏈接要做得像鏈接6. 使用高飽和度的顏色?嘗試“色調(diào)”和“陰影”調(diào)和一下6. Using highly saturated colours? Try and tone things down with a Tint or Shade高飽和度的顏色(亮藍(lán)色、紅色、綠色等)在網(wǎng)站上看起來很棒,但是過度使用會(huì)造成用戶的視覺疲勞,特別是在使用大量文本內(nèi)容的時(shí)候。如果可以盡量使用得克制一些,可以嘗試與飽和顏色的柔和形態(tài)(色調(diào)與陰影不同的變體)結(jié)合使用,以避免可怕的視覺疲勞。使用這個(gè)方法還可以將注意力引向飽和色,使最重要的內(nèi)容前置和居中。而比較柔和的顏色則不那么突出,可以讓用戶的眼睛得到休息。照顧一下用戶的眼睛吧。 適當(dāng)使用低飽和度的顏色(如右側(cè)圖例)希望這些好用的 UI & UX 小技巧合集,可以幫助你收獲更多如何在設(shè)計(jì)中通過一些小調(diào)整,產(chǎn)出對(duì)你和用戶都更好的結(jié)果。原文:UI & UX Micro-Tips: Volume One (marcandrew.me)作者:Marc Andrew譯者:藍(lán)建航審核:徐曼鷺編輯:孫淑雅本文翻譯已獲得作者的正式授權(quán)(授權(quán)截圖如下)
往期精選文章:十個(gè)技巧幫助你設(shè)計(jì)一款在線學(xué)習(xí) APP這些色彩心理學(xué)知識(shí)教你如何傳遞信息案例研究|康奈爾大學(xué)副業(yè)社區(qū)網(wǎng)站設(shè)計(jì)Web Vitals —— 谷歌的新一代 Web 性能體驗(yàn)和質(zhì)量指標(biāo)網(wǎng)頁設(shè)計(jì)師能從日式美學(xué)中學(xué)到什么?案例研究|一款為你帶來難忘體驗(yàn)的美食 APP如何制作打動(dòng)面試官的作品集,這里有一份完整的指導(dǎo)手冊(cè)如何做好用戶體驗(yàn)項(xiàng)目?從一個(gè)好計(jì)劃開始如何建立設(shè)計(jì)系統(tǒng)如何把握不同層級(jí)用戶的需求:回歸本質(zhì),打磨信息架構(gòu)TCC 視野|2021 年用戶體驗(yàn)設(shè)計(jì)趨勢分析
- 設(shè)計(jì)師自習(xí)社區(qū)-TCC 設(shè)計(jì)情報(bào)局歡迎小伙伴加入,一起交流設(shè)計(jì)知識(shí),了解全球設(shè)計(jì)資訊,鍛煉英文能力,發(fā)掘更多可能性~添加小助手微信,備注「社群」,即可加入讀者群。

標(biāo)簽: 大寫字母 用戶體驗(yàn) 不透明度