控件

这个控件叫:Tet fields/输入框/文本框

输入框虽然看上去简单,但需要考虑的细节也不少,本文将向你介绍输入框的相关组成部分和注意事项。Text fields(输入框/文本框)是一个历史悠久而经典的控件,当光标位于输入框时,用户可以在其中输入或复制粘贴文本、数字等内容。输入框虽然看上去简单,但需要考虑的细节也不少,本文将向你介绍输入框的相关组成部分和注意事项。Text fields的相关组成部分标题 / 输入框标签(

译文|Touch bar 完全设计指南:设计原则、新特性和基本元素

日前苹果发布会上,最大的亮点之一当属替代一栏功能键的Touch bar。本文包括有5个小节,详细介绍了Touch bar设计原则、新特性和基本元素Touch bar 概述Touch Bar是位于新一代MacBook Pro键盘上方的一条 Retina 显示屏,同时也是与主屏幕内容交互提供动态操作界面的输入设备。基于当前语境,Touch Bar的这些控件能对系统或应用的功能进

规范丨苹果 TOUCH BAR 官方人机交互指南(附设计模板)

编者按:Touch Bar 是2016款 MacBook Pro 键盘上方的一条 Retina 显示屏,同时也是与主屏内容交互的输入设备,需要为Touch Bar 做适配的同学,来看这篇苹果官方的人机交互指南。就目前而言,Touch Bar 能实现对系统或应用功能快速访问。 其右侧的 Touch ID 支持指纹登录并能在 App Store 和 Apple Pay 上完成支

常用中后台交互设计控件使用场景与规范总结

最近刚完成安畅云平台 2.0 的改版设计,平台模块很多,但其中往往存在很多类似的页面和组件,导致了很多重复的工作,大大降低了产品的设计效率;同时,由于团队人员较多,没有统一的规范,平台的一致性得不到保障。所以,我们视觉、交互、前端的小伙伴们针对我们踩过的坑,大家认真总结和沉淀出一个符合公司的设计规范。旨在统一公司项目的前端 UI 设计,规避不必要的设计差异和实现成本,实现设

如何构建Web端设计规范

这篇文章是之后WEB端系列设计规范的前言部分,目的是起到抛砖引玉的作用,简述如何制作属于“自己”的Web端设计规范。Web端设计规范系列也是我个人梳理学习总结构建的过程,同时分享出来给大家做参考学习。Web端设计规范的价值可复用性有了完整的设计规范和对应的组件控件。方便视觉和交互设计师反复复用,不需要重复制作,减少工作量提高工作效率。统一性有了统一的设计规范,设计师之间使用

交互设计的闭环体验

交互设计决定了产品功能性的细节,而闭环体验则是交互设计中的细节。交互闭环体验的定义交互设计的闭环体验体现在产品的每个功能的细节上,产品可以看作是一整套交互的集合。 一般只涉及一种使用场景的交互,只体现为一种功能,且只完成一件事 。比如:修改设置、上传文件、设定闹钟、更改密码、打开家用电器、登录、设置状态消息、收藏等。交互设计的闭环体验主要由4方面构成:触发控件:交互

从六个角度,浅析产品设计中的关键点

本文从默认值、极值、字符类型、控件状态、时间有效性和反馈6个角度详细介绍了产品设计过程中需要注意的关键点。默认值在产品设计过程中,默认值设计的好,不仅可以引导用户更好地完成任务;也可以节省时间、提高效率,用户获得更好地体验。举例:关于“同意XX协议”选项是否应该默认选中。前一阵,支付宝的年账单刷爆了朋友圈。同时,默认选中“ 芝麻服务协议 ”一事也不断发酵,引起了用户

Aure每日一小技巧:Aure控件大小调整

在使用Axure RP 制作原型时,经常需要对Widgets的大小做调整;一般我们都是通过拖动控件的边框来实现调整大小,但是如果目标区域比较狭小的时候,调整大小就比较费力,不是拖大了就是拖小了; 试试方向键吧!选中需要微调大小或位置的控件,再选中需要微调的条件,如图,调整控件的高度: 如果需要增加控件的高度,方向键:“上↑”;要减小高度的话,方向键:“下↓” 转自: htt