數(shù)據(jù)挖掘 點(diǎn)擊更多 界面

重點(diǎn) (Top highlight)

Creating beautiful, usable, and efficient UIs takes time, with many design revisions along the way.

創(chuàng)建漂亮，可用和高效的UI需要花費(fèi)時(shí)間，并且在此過程中進(jìn)行了許多設(shè)計(jì)修訂。

Making those constant tweaks to produce something that your clients, users, and yourself are truly happy with. I know. I’ve been there many times before myself.

不斷進(jìn)行調(diào)整，以產(chǎn)生令您的客戶，用戶和您自己真正滿意的東西。 我知道。 我自己之前去過那里很多次。

But what I’ve discovered over the years is that by making some simple adjustments you can quickly improve the designs you’re trying to create.

但是我多年來發(fā)現(xiàn)的是，通過進(jìn)行一些簡(jiǎn)單的調(diào)整，您可以快速改進(jìn)您要?jiǎng)?chuàng)建的設(shè)計(jì)。

In this follow up article (You can find Parts 1 & 2 here, and here), I’ve once again put together a small, and easy to put into practice selection of tips that can, with little effort, help improve both your designs (UI), and the user experience (UX).

在這篇后續(xù)文章( 您可以 在此處 和 此處 找到第1和2部分 )中，我再次整理了一些 易于實(shí)踐的小技巧，這些技巧可以毫不費(fèi)力地幫助您改進(jìn)兩個(gè)設(shè)計(jì)(UI)和用戶體驗(yàn)(UX) 。

Let’s dive on in…

讓我們潛入……

1.從您的圖像中進(jìn)行顏色選擇，使您的產(chǎn)品栩栩如生 (1. Colour-Pick from your images, and bring your products to life)

Simply colour-picking from your product images, and then applying various tints and shades of your chosen colour to your background, text, icons or more, can add plenty of visual interest, and character to your designs.

只需從你的產(chǎn)品圖片顏色采摘 ，然后將你選擇的顏色的各種色彩和色調(diào) ，以你的背景 ， 文本 ， 圖標(biāo)或更多，可以補(bǔ)充充足的視覺興趣 ， 性格和你的設(shè)計(jì)。

2.嘗試在Mobile上創(chuàng)建寬敞的Tappable區(qū)域 (2. Try to create generous Tappable areas on Mobile)

When designing for Mobile try to create Tappable Areas large enough for fingers to, well, tap successfully.

在為Mobile設(shè)計(jì)時(shí)，嘗試創(chuàng)建足夠大的Tappable區(qū)域 ，以使手指可以成功點(diǎn)擊。

Things can be challenging for Buttons, and Links that consist only of Text so try to go for an Icon with a Label whenever possible.

對(duì)于Buttons和僅包含Text的鏈接而言 ，事情可能具有挑戰(zhàn)性，因此請(qǐng)盡可能嘗試帶標(biāo)簽的Icon 。

Here’s the minimum recommended Tap Areas for both iOS and Android…

這是同時(shí)適用于iOS和Android的最低建議分接區(qū)域 …

44 x 44pt for iOS

iOS為44 x 44pt

48 x 48dp for Android

Android的48 x 48dp

3.保持淺色文字和圖像之間的對(duì)比度可接受 (3. Keep the contrast ratio acceptable between light text, and images)

Always make sure light text is legible against, well, lighter image backgrounds.

始終確保淺色文本在較淺的圖像背景下清晰可見 。

Simply applying a slightly opaque darkened background behind your text will keep a good contrast ratio between those elements.

只需在文本后面應(yīng)用稍微不透明的深色背景 ，即可在這些元素之間保持良好的對(duì)比度 。

It also allows you to easily switch between dark, and light images without the hassle of changing the text colour.

它還使您可以輕松地在深色和淺色圖像之間切換 ，而無需更改文本顏色。

4.查看這些很棒的字體； 非常適合您的設(shè)計(jì)標(biāo)題 (4. Check out these great Fonts; Perfect for Headlines in your designs)

Here’s a selection of Serif, and Sans-Serif Commercial Fonts that I’ve used many times before, and found they work really well for Headlines, bringing a bit of warmth, and character to any design.

這是我以前使用過的Serif和Sans-Serif商業(yè)字體的精選，發(fā)現(xiàn)它們確實(shí)非常適用于Headlines ，為任何設(shè)計(jì)帶來了溫暖和特色。

You can find them at fonts.adobe.com (No, I’m not getting any commission).

您可以在fonts.adobe.com上找到它們(不，我沒有得到任何傭金)。

5.查看這些很棒的字體； 非常適合設(shè)計(jì)中的車身復(fù)制 (5. Check out these great Fonts; Perfect for Body copy in your designs)

Behold a small selection of both Serif, and Sans-Serif Commercial Fonts that I’ve used consistently for long-form Body text, and highly recommend.

看一下我一直用于長(zhǎng)形正文文本的 Serif和Sans-Serif商業(yè)字體的一小部分，并強(qiáng)烈推薦。

You can find them over at fonts.adobe.com (No, I’m still not getting any commission).

您可以在fonts.adobe.com上找到它們(不，我仍然沒有得到任何傭金)。

6.對(duì)于下載指示器，請(qǐng)嘗試提供盡可能多的信息 (6. For Download Indicators, try to be as informative as possible)

The one time you don’t want to go with the super ‘Minimal’ look is when it comes to Download Indicators.

一次您不想要超級(jí)“最小”外觀的地方就是下載指標(biāo) 。

For the user, try to make your Download Indicators as informative, and user-friendly as possible.

對(duì)于用戶，請(qǐng)嘗試使您的下載指示器具有更多的信息性和用戶友好性 。

You can achieve this via the use of colour, a percentage figure to show the current progress, and a simple icon giving them the ability to cancel the download at any time.

您可以通過使用color ，一個(gè)顯示當(dāng)前進(jìn)度的百分比數(shù)字以及一個(gè)使他們可以隨時(shí)取消下載的簡(jiǎn)單圖標(biāo)來實(shí)現(xiàn)此目的。

🚀 想更輕松，更快速地創(chuàng)建出色的UI？ (🚀 Want to create amazing UIs easier, and faster?)

Check out my Design System Kit: Cabana for Sketch & Cabana for Figma SPECIAL OFFER: Due to current events, please use the code CABANA30 to receive 30% OFF. ENDING SOON!

查看我的設(shè)計(jì)系統(tǒng)套件： 素描的 小屋和Figma的小屋 特別優(yōu)惠：由于當(dāng)前事件，請(qǐng)使用代碼CABANA30享受30％的折扣 。 即將結(jié)束！

UX Para Minas Pretas (UX For Black Women), a Brazilian organization focused on promoting equity of Black women in the tech industry through initiatives of action, empowerment, and knowledge sharing. Silence against systemic racism is not an option. Build the design community you believe in.UX Para Minas Pretas (UX For Black Women)，這是一個(gè)巴西組織，致力于通過采取行動(dòng)，賦權(quán)和知識(shí)共享的舉措來促進(jìn)科技行業(yè)中的黑人女性平等。 對(duì)系統(tǒng)性種族主義保持沉默是不可行的。 建立您相信的設(shè)計(jì)社區(qū)。

翻譯自: https://uxdesign.cc/6-more-tips-to-quickly-improve-your-uis-2130d3e89d59

數(shù)據(jù)挖掘 點(diǎn)擊更多 界面

總結(jié)

以上是生活随笔為你收集整理的数据挖掘 点击更多 界面_6（更多）技巧，可快速改善用户界面的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。