想让你的设计方案更值钱？先学会掌控用户注意力！

6、图片的表现力更强 毋庸置疑，图片信息相比于文字信息，更能吸引用户的注意力，因为人们对于图像识别能力几乎是与生俱来的，有时候图片传递信息会比文字更快速、更直接。许多信息（比如情绪、氛围感）很难靠文字传递，恰巧这些正是图片最轻松传达的。 以 App Store 为例，当图片与文字放置在一起的时候，图片的吸睛效果会比文字更强。尽管图片并非在页面最上方，用户未必会第一时间知道这是一张什么内容的图片，但知道视觉有一张图片，视觉吸引到该处的概率会更大。

017636611c41e711013eaf7033b9ac.png

01adf65cb5767ca8012141684baf19.gif

UI中国APP设计提案

听觉 听觉在设备中的运用也很频繁，常见有提示音、闹钟等，比如支付宝、微信在收款时，也有收钱的提示音。 特别是在手机上使用声音作为交互的某种反馈时，需要注意选择恰当的声音，避免引起用户反感，在声音的使用上要谨慎。 固定的声音（如铃声）对于用户而言可以形成条件反射，下课铃声响了，你会意识到是下课了；闹钟响了，你会意识到今天又是元气满满的一天。需要注意的是，倘若声音的出现与用户没有存在关联，久而久之，这种声音就容易被用户忽略。 对于视障人士而言，声音还是接收信息的主要渠道，比如 iPhone 的旁白功能，此时用户操作的注意力会集中在对声音的感知。 触觉 与触觉相关的接收信息方式主要是振动，在与设备交互功能中，人们对于振动反馈的要求越来越高。在手机设备领域，许多厂商开始有意识地采用更好的振动马达，目前就是提升振动反馈。 振动也是在关键节点吸引用户注意力，当用户操作成功、失误的时候，给予轻微的振动反馈，能够加强用户对当前状态的感知。 内容信息 1、信息专注性 一次只做一件事，尽管许多人认为自己可以一脑多用，同时处理多件事，但是研究表明，人们在大部分情况下，很难同时完成多个任务。大家在一定有时会遇到很烦躁的情况，比如一下子要做设计，一下子又要开会，时间被分散，注意力无法集中。同样是，当用户面对复杂的界面时，也会出现这种情况。 在设计界面时，倘若界面有太多干扰项，就会增加用户的认知成本，无法快速辨别该执行什么操作。 以 App Store 和潮汐为例，下面这两个页面都可以看出信息的专注性，App Store 以卡片形式清晰呈现每一个专注或应用；潮汐首页只突出了底部的四个操作。这些都让用户尽可能减少无谓的信息干扰，专注于当前界面的操作。

013dd0611c41ea11013f47207f38f6.png

01443a5c9b45c0a8012141681b4ce6.jpg

互联网产品打卡Frist

01dbjzoqghivlq7vudrhvb3133.png

苹果store页面临摹

macx论坛app上线版，最终图（手机截图）

01512f56d91a4e6ac7252ce6599be0.jpg

macX论坛——外包作品

01acb75d1c4123a801213763a3fa32.jpg

交互打卡第二天

01bae35989a5ba000000212973afc6.png

01145a5961606aa8012193a385df65.png

WWDC 17发布会幻灯片

017911581f34aba84a0d304fce18a4.jpg

国服store运用效果+最近发现的其他游戏的未经授权的运用效果

01952b5ef2d664a801215aa0a23d3f.jpg

钢铁精灵少女的绘制过程分享

01a05c5ca0cc1aa801208f8be76d37.jpg

IXD40DAYS-DAY9

013b015ca1f1faa801214168fd56f0.png

互联网产品打卡ninth

01twwkioglqrmnnr9d9lkk3536.png

苹果商店界面

站酷推荐设计师

针对iOS7的版本正在紧锣密鼓的开发中...

018ee25549ec8000000115a861d76f.jpg

旅行图片笔记app Icon设计

01d5135fd632f111013ee04d638376.jpg

2020年UI流行趋势探索

013d825542d8e00000019ae908d47d.jpg

UI图标

011cc35ca35ccba801208f8b0ed248.jpg

互联网产品打卡tenth&eleventh

0103805dbbffcca801209e1faa2f22.gif

我的处女作

01pfd9lgbrihy5s8ekeakm3330.png

UI交互动效

iCareTech C+医学智能手环设计流程

0124ac5542104b0000019ae9ac4de0.gif

01d830605d8d8a11013fb1170d51e5.png

logo《洗小匠》原创设计

017a016194ad2d11013ffe8a205c71.png

一个logo的诞生 前期准备

0119bc59c87350a8012053f861d1fd.jpg

ios图标

01xifft6e4qxrqvx7g5vdp3437.jpg

ios15桌面小组件