UI设计

对话式 UI 中的结构化问题

对话式 UI 所能承载的形式很简单,基本表现为消息的一来一回。这可能会满足不了产品功能,或者在效率、拓展性上遇到问题。因此,很多 CUI 产品会在消息的基础上,引入结构化的选项或者面板菜单。例如,助理服务「来也」可以帮用户叫外卖、预约家政,产品里就预设了这些服务的选项;微信公众号的对话界面底部,有这个公众号常用的选项和菜单。结构化为什么盛行?在跟计算机的对话里,有一部分是重

数据表格设计┃从功能、交互和 UI 进行全方位分析

将近一年浸泡在设计数据表格的相关需求中,踩过很多坑。深深地体会到建立完整的知识体系的重要性,不然就是这个坑踩着上一个坑,万劫不复。在这里总结分享自己的经验,助各位完美避开各种坑。我将从功能、交互、UI三个维度对表格设计进行全方位总结分析。前言表格,又称为表,既是一种可视化交流模式,又是一种组织整理数据的手段。人们在通讯交流、科学研究以及数据分析活动当中广泛采用着形形色色的表

产品设计套路:UI 设计中的“对比”

互联网产品应该做到让用户在短时间内就可以获取到他们期望的信息,找到他们想要使用的功能。UI设计的最终目的就是为了更好的展示产品的内容,让用户可以更好的接受。与传统媒介相比,互联网产品所包含的内容更多,而且更加复杂。以书籍为例,我们读书都是一页一页的翻,一句一句的读,不能跳来跳去。但是对于app和网页来说,我们无法期望用户像读书一样来使用你的产品。这样不现实,现在是快速读图时

UI 设计师应该知道的 17 个 PS 技巧

1. 设置网格线 保持像素完美不在1:1分辨率下也能保持像素完美,可以通过创建网格线来避免虚边的出现。 编辑 > 首选项 > 参考线、网格和切片 保持尺寸为偶数。例如:设置网格线间隔为64px,子网格为64使用网格在画图形时会自动吸附,不是1:1状态下也可以画出完美像素。2 .智能对象和路径的变形(1)将图层转换为智能对象(右击图层 > 选择转换为智能对象),这样你就可以在

涨姿势!你应该知道的 UI 动态设计规则

APP导航设计类型:列表式菜单 矩阵、网格式菜单 底部菜单 顶部菜单 扩展菜单这篇文章中,我主要阐述了UI动效设计中需要注意的问题以及原因,而不是教授制作UI动效额技巧。随着大家对于这一领域的关注(很大程度上是源自iOS的UI设计),我们发现UI动效设计同其他的UI设计分支一样,同样具备完整性和明确的目的性。伴随拟物化设计风潮(Skeuomorphism,也就是苹果所提出的

APP 交互设计中的反馈

用户在网页上的任何操作,不论是单击、滚动还是按下键盘,页面应即时给出反馈。作为产品设计与用户体验设计的重要参考标准—尼尔森十大可用性原则的第一条“状态可见原则”:即用户在网页上的任何操作,不论是单击、滚动还是按下键盘,页面应即时给出反馈。“即时”是指页面响应时间小于用户能忍受的等待时间。这里所说 的“状态可见原则”,便是我们常说的“反馈”。反馈,作为iOS人机界面指南的设计

平面设计和 UI 设计区别的详尽整理

小编今天对平面设计与UI设计的区别详细的整理了一下,有去网上搜来的,也有小编自己的经验与心得,希望能帮到需要的人(大神请绕路)平面设计与UI设计的区别①设计思路的区别平面:拿到一个需求,比如(宣传页、海报、展架)等,设计的页面较少。可能是一张或几张,通过视觉载体传达给用户,基本不会和用户有什么交互。拿一张海报来讲,它可能固定的展示在某个商场里面,用户在路过的时候看到了它,但

UI 中一致性原则

为什么一致性在UI设计中很重要,我们平常挂嘴边的一致性原则到底是是什么?一致性原则如何影响用户行为?价值在哪里?本篇文章将探讨我们在处理界面的时候,如何遵循一致性原则,该如何去做.“ 我们平常挂嘴边的一致性原则的关键要素有那些?作用是什么 ” 先谈它的作用 我们遵循一致性的原则目的是为了减少用户认知负荷,用户能够轻易上手使用你的产品,熟悉的导航路径,熟悉的设计模式,我们

平面设计与 UI 设计的区别是什么?

平面设计与UI设计的区别是什么?前 言一个视觉作品的生存底线,应该看他是否具有感动他人的能量,是否顺利地传递出背后的信息,事实上她更像人际关系学,依靠魅力来征服对象。而设计者担任多重角色,设计代表着客户的产品,客户需要你的感情去打动。设计是一种与特定目的有着密切联系的艺术。平面设计平面设计指平面上的功能性的造型活动,包括版式设计、字体设计、图形设计、装帧设计等等,当然也包括

数据类系统如何提升用户体验?

一、区分信息层级,考虑用户阅读习惯数据类网站要展现的信息复杂,但大部分元素又是必不可少的,因此要多注意元素之间的相对重要性和考虑用户的阅读习惯及视觉焦点。当需要展现的信息内容较多且不可删减时,最好对信息进行优先级的划分,且分析用户的核心行为;并通过位置、大小、距离、内容形式、表现方法来建立信息层级;设计过程和结束都要不断审视页面视觉流,看看用户浏览是否顺畅。页面布局一定程度