沃森生物(300142.SZ):擬向“愛嬰行動(dòng)——愛嬰醫(yī)院出院健康指導(dǎo)”項(xiàng)目捐贈(zèng)545萬元
格隆匯12月7日丨沃森生物公布,公司擬向中國紅十字基金會(huì)組織開展的“愛嬰行動(dòng)——愛嬰醫(yī)院出院健康指導(dǎo)”項(xiàng)目捐贈(zèng)資金人民幣545萬元,以支...
2022-12-07 18:57:49
(資料圖片)
▲點(diǎn)擊 "TCC翻譯情報(bào)局"關(guān)注,回復(fù) "社群" 加入我們
本文共 2300字,預(yù)計(jì)閱讀 6分鐘
TCC 情報(bào)局的第 173篇干貨分享
2023年的第 2篇
當(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 anotherTCC 推薦:大家好,這里是TCC翻譯情報(bào)局,我是李澤慧。在做界面設(shè)計(jì)時(shí),往往細(xì)節(jié)決定成敗。好的細(xì)節(jié)往往可以起到“四兩撥千斤”的作用,讓你的設(shè)計(jì)檔次大幅提升。今天我們就來看看 web 設(shè)計(jì)中有哪些好用的小技巧吧~
“按鈕”和“告示”,這兩個(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)截圖如下)