颜色饱和度如何影响用户效率?

你是否曾经因为不喜欢某个颜色而放弃购买某样商品?颜色影响着我们对商品的看法,同样,颜色也影响我们如何浏览网站/App。

用户来到一个网站/app,首先就是被颜色和其它视觉元素所影响。如果颜色得当,就会给用户留下良好印象,然后用户会投入更多时间和精力去进入内容。也许你有很好的内容,但是如果你的颜色不恰当或很糟糕,那么用户也会难以很好的消费内容。

如何为网站/app选择恰当的颜色?其中的关键是理解颜色饱和度和用户效率的关系。饱和度(Saturation)是指颜色中所含有灰色的程度。所含的灰色越少,说明饱和度越高;所含的灰色越多,说明饱和度越低。

饱和度颜色1

高饱和度的颜色让人兴奋和充满活力,会吸引用户关注、用户在此时会停留。高饱和度颜色比较适合于按钮(buttons)、链接(links)、警示提醒(alerts)和系统消息(system messages),因为此时你想抓住用户的注意力。请谨慎的使用高饱和度的颜色,只有当你想要特别引起用户注意时才使用。对高饱和度颜色的不恰当使用,也许是设计师在颜色上最常犯的错误。

低饱和度的颜色,则有助于任务进行的更加舒缓和有效。因此,低饱和度颜色更适用于菜单(headers)、头部(headers)、面板(panels)、背景(backgrounds)等,因为这些时候不用特别吸引用户注意。不同的低饱和度的颜色,所传达的气氛也不一样。明亮的低饱和色,往往传达的是友好、专业的氛围。深暗的低饱和色,往往传达的是一种更加严谨、专业的气氛。要选择哪种颜色,则取决你的内容和你想让用户对网站/app产生怎样的感知。

饱和度颜色2

灰色,作为一种安全色,能够和许多颜色“和睦相处”。灰色不会和高、低饱和度的颜色产生竞争,是一种中性色。不同程度的灰色,可以对网站颜色起到补充作用。如果你的网站是冷色调,则在灰色中调入一点冷主色,使用这种冷灰互补为最佳。如果你的网站是暖色,则在灰色中调入一点暖灰色,使用这种暖灰互补为最佳。

你选择的颜色,会影响用户对你和你所提供的内容的感受。如果使用了错误的颜色,那么你就会出师不利。而通过正确使用不同饱和度的颜色,则会让用户留下良好的第一印象。

Published by

uxdchen

为了心中的美好,不妥协直到变老!

0 thoughts on “颜色饱和度如何影响用户效率?”

  1. BruceGoone says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Easily create video subtitles that can be applied to karaoke songs or various other media, with this comprehensive piece of software

    Press the “Download Now” button to download Sayatoo SubtitleMaker activate code.
    The whole process will just take a few moments.

    Mirror Link —> Sayatoo SubtitleMaker + Full Crack

    – Version: 2.3.8.5528
    – Developer: Sayatoo Technology, Inc.
    – Downloads: 1223
    – Download type: safety (no torrent/no viruses)
    – File status: clean (as of last analysis)
    – File size: undefined
    – Price: 0
    – Special requirements: no requirements
    – Home page: esd.element5.com/affiliate.html?affiliateid=70900&publisherid=200063255&target=http%3a%2f%2fen.sayatoosoft.com%2findex_en.html
    – User rating:

    Tags:
    Sayatoo SubtitleMaker crack and keygen free download
    Sayatoo SubtitleMaker crack for windows free download
    Sayatoo SubtitleMaker crack files
    Sayatoo SubtitleMaker with crack
    Sayatoo SubtitleMaker Keygen Serial

    Popular software:
    FPS Monitor Cracked Latest
    Security Eye with crack
    RapidMiner Studio crack install
    SmartSHOW 3D keygen free download
    AppCheck With License Key Latest
    Антиплагиат помощь изменить текст
    Hello world! – Sumome is Best WordPress Plugin to grow your website traffic & Build Email List Effectively
    download google books
    dailymotion video downloader
    Robot Roundup: CES 2018 – AutoLeadStar Blog
    Готовые ответы и знания к учебникам и рабочим тетрадям по предметам школьного курса за 5-11 класс

  2. BruceGoone says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Press the “Download Now” button to download Paintstorm Studio cracked.
    The whole process will just take a few moments.

    Mirror Link —> Paintstorm Studio license crack

    Design amazing digital paintings or fine tune the ones you are already working on via the plethora of powerful brushes, pens and other editing tools

    · Build: 2.32
    · Developer: Sergei Komarov
    · Downloads: 1425
    · Download type: safety (no torrent/no viruses)
    · File status: clean (as of last analysis)
    · File size: undefined
    · Price: free
    · Special requirements: no requirements
    · User rating:

    Keywords:
    paintstorm studio full version with keys latest, paintstorm studio crack patch, paintstorm studio crack and keygen free download, paintstorm studio crack, paintstorm studio keygen crack, paintstorm studio full version serial keys latest, paintstorm studio crack for windows free download, paintstorm studio + full crack, paintstorm studio keygen free download, paintstorm studio keygen serial

    Other useful resources:
    RadiAnt DICOM Viewer + Crack
    StarUML crack and keygen free download
    SCARM update crack
    Антиплагиат повышение оригинальности бесплатно
    Rubens Exposicion en El Prado – Amigos Y Arte
    Download Danganronpa 2: Goodbye Despair keygen free download
    Google Books Downloader
    download video from pornhub
    Edox – Premium Partner des Sauber F1 Teams – Auto Sport Magazin
    Готовые домашние задания (ГДЗ) по разным школьным предметам
    Software Cracks Keygens
    Repair missing or corrupt hasp_windows_92245.dll

  3. BruceGoone says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Press the “Download Now” button to download Cutting Optimization Pro key crack.
    The whole process will just take a few moments.

    Mirror Link —> Cutting Optimization Pro activator

    Generate optimal cutting patterns for your 1D or 2D dimensional pieces by using this comprehensive and user-friendly software solution

    · Version: 5.10.3.5
    · Developer: Optimal Programs
    · Downloads: 1210
    · Download type: safety (no torrent/no viruses)
    · File status: clean (as of last analysis)
    · File size: na
    · Price: free
    · Special requirements: no
    · Rating:

    Tags cloud:
    cutting optimization pro keygen free download, cutting optimization pro crack, cutting optimization pro serial number, cutting optimization pro crack fix, cutting optimization pro serial code, cutting optimization pro serial code, cutting optimization pro full version with keys latest, cutting optimization pro keygen crack patch, cutting optimization pro serial code, cutting optimization pro crack patch

    More software:
    Alteryx Designer cracked
    ProtonVPN + Crack Latest
    Droid Transfer activate code
    Антиплагиат как обойти бесплатно
    Drug Rehabilitation Centre Oakland
    Download Black Mesa cracked full
    tool for downloading Google books
    facebook video downloader
    14 Napi LP Nyomplong Dipindahkan | http://www.radarsukabumi.com
    ГДЗ: Готовые домашние задания и решебники с ответами
    Software Cracks Keygens
    Download rgss102e.dll to fix missing or corrupted DLL errors

  4. BruceGoone says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Click the “Download Now” button to download Kutools for Outlook and crack.
    The process will just take a few seconds.

    An efficient add-in for Outlook that includes over 20 tools designed to perform various email related tasks in the quickest manner

    MIRROR LINK —> Kutools for Outlook crack fix

    · Build: 11.00
    · Patch date: July 1 2019
    · Company: Detong Technology LTD
    · Downloads: 17916
    · Download type: safety (no torrent/no viruses)
    · File status: clean (as of last analysis)
    · File size: na
    · Price: no cost
    · Special requirements: no requirements
    · Systems: Windows 10 64 bit, Windows 10, Windows Server 2012, Windows 2008, Windows 2003, Windows 8 64 bit, Windows 8, Windows 7 64 bit, Windows 7, Windows Vista 64 bit, Windows Vista, Windows XP
    · Rating:

    Keywords:
    kutools for outlook crack exe, kutools for outlook patch, kutools for outlook cracked latest, kutools for outlook keygen crack, kutools for outlook keygen crack, kutools for outlook keygen crack patch, kutools for outlook key crack, kutools for outlook crack hack, kutools for outlook crack latest version, kutools for outlook crack exe

    More cracks: this way

  5. BruceGoone says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Push the “Download Now” button to download SaferVPN with crack.
    It will just take a few seconds.

    An intuitive and user-friendly software solution that enables you to connect to a VPN, so as to enjoy a secure connection to the Internet

    MIRROR LINK —> https://serialpluscrack.com/crack/safervpn-14490

    · Version: 4.4.2
    · Crack date: Jan 22nd 2019
    · Developer: SaferVPN, Inc
    · Downloads: 31021
    · Download type: safety (no torrent/no viruses)
    · Status: clean (as of last analysis)
    · File size: na
    · Price: 0
    · Special requirements: no requirements
    · Supported systems: Windows 10 64 bit, Windows 10, Windows 8 64 bit, Windows 8, Windows 7 64 bit, Windows 7, Windows Vista 64 bit, Windows Vista, Windows XP 64 bit, Windows XP
    · Rating:

    Tags cloud:
    safervpn keygen crack patch, safervpn + full crack, safervpn crack patch, safervpn full crack, safervpn cracked latest, safervpn crack for windows free download, safervpn licence keys, safervpn with license key latest, safervpn crack keygen serial, safervpn full crack latest

    More software: this way

Leave a Reply

Your email address will not be published. Required fields are marked *