首先针对客户说的普通,我们就可以尝试把常规的圆形改为圆角矩形,并适当调整icon在图形内的占比
按钮造型OK后,再来看看里面的图标,不难发现暂停是2个竖线(线性图标),挂断则是一个电话(面性图标),它俩不统一;所以我们需要对其进行统一,以暂停按钮为主,我们来调整挂断按钮
原暂停图标的颜色是灰色,而挂断图标又是红色,视觉上就会造成暂停“弱于”挂断,我们需要调整其明度让2个图标整体更加和谐
为了进一步增加按钮的质感,我们可以在它的下方加上合适的投影;并根据页面的整体色调,进一步调整图标的色相,使按钮更好的与页面保持和协统一
在整体的排版没有问题的情况下,我们可以先将纯色块的容器调整为渐变的形式,再加上描边(注意描边也是渐变哦)
调整后好了很多,但还是略显单薄,我们可以给图标加上倒影,使画面的层次更加丰富
原容器是白色降低透明度+描边,整体氛围感不足;我们可以看到图标都是红色调的,所以大胆一点,我们的容器和描边也可以是红色调的
容器样式调整完后,因为图标是发光的,必然会存在投影,我们再加上投影即可;需要注意这里的投影添加方式(记笔记✍️
原课程卡片使用白色矩形包裹课程图片的形式,我们可以尝试去掉外层的白色,将课程图片铺满整个卡片
去掉右上角的时间标签,与课程名称上下排列并注意层级关系,“去看看”按钮改为用箭头符号表达,避免全是文字导致视觉看起来很单一
调整后整体效果比之前简洁很多,但是图片上的遮罩还是太黑,显得不够高级,我们可以改为毛玻璃的效果增强卡片的质感
到这一步基本就差不多了,再整体看一看,发现按钮有点粗糙是一个大白块儿,那么微微调整一下
都说要设计以人为本,而用户分析就是设计师的“基本功”。 理想情况,通过问卷或者访谈等方式获取到用户信息再作分析是最好的,但大部分的需求都不会提供那么充分的准备时间。所以我们也需要具备在没有用研的情况下,把用户分析做好的能力。 这里面包括非用研的收集信息能力,但最核心的还是理解用户差异、行为模式、场景和痛点的这些系统性分析框架。
我是HCI 人交互科班出身,曾经很扎实地跟着《About Face》、《设计心理学》提供的方法来做用户分析,但发现真正运用到实际设计方案上时,很多东西不是那么容易落地的,为此我用很多年的时间总结出一套基于经典理论,但更接地气能在国内这个职场环境落地的用户分析与设计方法。
5月12日晚 20:30我会做一个视频直播,给大家分享一下我在这方面的心得。

优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!
优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真)、移动端应用(手机站、APP开发)、微信定制开发(微信官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。