摘要：这张图左边和右边，乍一看都能用，但如果从产品设计角度看，我会选右边。 不是因为右边更花哨，而是它更像一张“真正的票”。 左边的问题在于：它太像一张普通卡片了。圆角、阴影、图片、文字、条形码都有，但缺少票据的识别感。用户第一眼看到它，需要再读文字，才知道这是电影

这张图左边和右边，乍一看都能用，但如果从产品设计角度看，我会选右边。 不是因为右边更花哨，而是它更像一张“真正的票”。 左边的问题在于：它太像一张普通卡片了。圆角、阴影、图片、文字、条形码都有，但缺少票据的识别感。用户第一眼看到它，需要再读文字，才知道这是电影票。 右边不一样。 它在卡片左右做了票根切口，中间用虚线分隔信息区，下面放条形码。这个视觉语言很直接，用户不用思考，就知道：这是票，可以核验，可以入场。 这就是UI设计里很重要的一点： 不是把信息排整齐就叫设计，而是要让用户一眼理解这个东西是什么。 右边还有几个细节值得学： 1、主次更清楚 电影封面在最上面，标题放中间，而且加粗突出。日期、时间、座位、价格分别分区，用户扫一眼就能找到重点。 2、信息更接近真实场景 看电影票，用户最关心的不是“Movies”这个分类，而是时间、日期、座位、二维码/条形码。右边把这些信息放得更符合使用顺序。 3、形状服务于功能 票根切口不是装饰，它在强化“票”的概念。好的UI不是为了好看而好看，而是让视觉帮助用户理解功能。 4、留白更舒服 右边每一组信息之间有呼吸感，不挤，也不散。左边虽然干净，但信息有点平均，视觉焦点不够强。 5、品牌感更强 右边的卡片轮廓、虚线、条码区组合在一起，更容易形成记忆点。用户截图分享，也更像一个完整的产品设计。 我做App这些年越来越觉得，很多创业者做MVP时，会误以为UI只是“换个颜色、加个圆角、做得高级一点”。 其实不是。 UI最重要的是降低理解成本。 用户打开页面，不需要想，就知道这是什么、该看哪里、下一步做什么，这才是好设计。 所以如果你在做票务类、预约类、会员卡类、订单类App，可以记住一个原则： 界面不要只像卡片，要像真实世界里用户熟悉的东西。 电影票就应该有票感。 会员卡就应该有卡感。 预约单就应该有凭证感。 优惠券就应该有券感。 设计不是堆元素，是让用户一眼看懂。#App开发 #软件开发 #软件外包 #UI界面设计 #平面设计 #APP设计 #图标设计 #UI设计师 #全面屏设计 #交互设计

来源：吴天琪