-
iPhone X界面设计规范 iPhone X屏幕尺寸比例及布局
143
详情
iPhone X的超大尺寸、高分辨率以及它的全面屏给我们带来了以前从未有过的沉浸式体验和丰富的内容展现。 1、屏幕尺寸 iPhoneX竖屏时的屏幕宽度与iPhone6、iPhone7和iPhone8的4.7英寸屏幕是一样的。iPhone X的屏幕比4.7英寸屏幕高出145pt，所以内容区域的垂直空间增加了20%。 在你的app中需要提供高分辨率的图片。 iPhone X的高分辨率屏幕需要使用@3x的缩放比例。对于符号以及其它扁平的、矢量的设计，最好提供具有独立分辨率的PDFs。 对于栅格化设计，需要同时提供... -
Google的用户体验指标衡量方案：HEART
151HEART指标 结合用户体验质量以及让数据更有实际意义的需求，谷歌提出了度量框架：HEART。 Happiness/愉悦度 Engagement/参与度 Adoption/接受度 Retention/留存率 Task success/任务完成度 这五项仅仅是指标体系的范畴，不同的产品可据此定义具体的指标，用以监控完成目标的过程。愉悦感结合用户的满意度来度量，任务完成度结合任务完成的效果和效率来度量。参与度、接受度、留存率是全新的范畴，一般通过广泛的行为数据来制定。通常并不适合在一个指标设定中...
详情 -
Microsoft全新设计语言【Fluent Design System】解读
220
详情
Microsoft 在 Build 2017 开发者大会上发布了全新的设计语言- Fluent Design System（项目代号：Neon），彻底改变沿用多年的平面矩形样式的用户界面，新的设计语言不止与视觉有关，它还涉及交互模式、空间和全新元素的整合方式。Microsoft 高度概括了 FDS 要实现的三个转变： 1. 从平面设计语言到 沉浸式、多维度的 设计语言的转变； 2. 从小屏幕、触摸式到 跨平台、输入式的 转变； 3. 从消耗型、传达型到 创造型、自我处理型的 转变 微软公司操作系统部门副总裁... -
UE\UX设计师需要知道的52个专业术语
217“注意用户做什么，而不是他们说什么。” ——雅各布 尼尔森 1、3次点击法则 如果用户点击三次仍无法访问他们想要的页面，他们将离开网站。 2、5秒测试 一个5秒测试包括向用户展示应用程序或网站界面5秒钟，然后用户回想他们刚才看到的内容。这是一个评价关键视觉效果，以及判断用户的关注点是否符合预期影响的好方法。 3、二八法则 由帕累托原则(Pareto principle)引出 ，适用于任何网站，网页app或软件环境，即80％的结果是由20％的功能和特征所...
详情 -
交互设计中的4种“极简色设计”策略
154
详情
随着互联网时代的发展，产品同质化现象越来越多，作为功能相同或相似的产品，能否胜出的关键就取决于产品的交互设计及产品的用户体验上。 产品概念出现之初，产品经理在设计产品时都会以产品能否满足用户需求为主。很少考虑产品的交互设计，包括至今，相信使用过公司内部产品的人都能了解，产品的很多设计完全不符合用户操作习惯。 交互设计：简单来说就是对用户使用产品的行为方式进行设计。越好的交互设计会让用户使用产品时越爽，... -
合格的交互设计文档该怎么写？
236
详情
一. 什么是交互说明文档（DRD）？ 所谓DRD(Design Requirement Drawing)即是用来承载交互说明，并交付给前端、测试以及开发工程师参考的文档。 在项目中，交互设计师的主要产出物可能依次是：site map，page flow，wireframes。有的大型项目前期，交互设计师有可能还会产出用户需求分析文档（与PD产出的市场需求文档不一样的是，URD更多侧重于对目标用户的需求分析）。 DRD则很少有人专门撰写。如果需要对交互设计进行说明，聪明的交互设计师往往会直接标注在... -
如何从初级设计师走向成熟走向资深呢？
238
详情
前言： 作为一名合格的设计师，一定要有自己的情怀，有具有专业精神，敢于追求个性，从作品中释放自我。那么如何从初级设计师走向资深设计师呢？坚持做到以下9点，一定可以帮助你飞速成长！ 1、想 设计师首先必须善于思考，对设计主张自己的想法和理解，这是最重要的。别担心你的想法有多“烂”，没有人能一下子做好的，但你完全可以做好你的习惯和态度。学会大胆地摸索和尝试自己的想法，懂得借鉴，追求属于自己的创意。但是如果在设... -
如何快速有效的发散思维
160
详情
想方案想的头大，一直在原地打转跳不出来？想了半天提出的方案，被老板说怎么没想到别的某某方案？有时虽然想出不少方案，但是实质在渐行渐远？ 不是人人都有特别灵活的脑子 ，就算是灵活的脑子也不会无时无刻都灵感无限，那在我们面对思维瓶颈的时候， 有没有方法可以帮助我们快速且有效的去拓展思维呢？ 一．理性感性，缺一不可 我们思考方案面临“脑衰竭”的时候，往往喜欢会用两种方式来寻找突破口： 第一种是借助工具或方法进行系... -
Storyboard全解析-第二部分
108
详情
如果你想了解更多Storyboard的特性，那么你就来对了地方，下面我们就来接着上次的内容详细讲解Storyboard的使用方法。 在上一篇《iOS开发教程：Storyboard全解析-第一部分》中，我们介绍了如何使用storyboard来制作多种场景和如何将这些场景链接起来，我们还学习了如何自定义一个表格视图。 接下来这部分，也是最后一部分，我们将讲解联线（segue），静态单元格等内容，我们还将加入一个选手详细内容页面，和一个游戏选择页面。 我们接着上一次的内容制... -
Storyboard全解析-第一部分
166
详情
故事版（Storyboard）是一个能够节省你很多设计手机App界面时间的新特性，下面，为了简明的说明Storyboard的效果，我贴上本教程所完成的Storyboard的截图： 现在，你就可以清楚的看到这个应用究竟是干些什么的，也可以清楚的看到其中的各种关系，这就是Storyboard的强大之处了。如果你要制作一个页面很 多很复杂的App，Storyboard可以帮助你解决写很多重复的跳转方法的麻烦，节省很多时间，以便你能够完全的专注于核心功能的实现上。 开始 首先启动Xcode，...