相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

设计语言 - 表单(其他表单)

心蓝发布于:2019-7-12 11:01 |原作者: 罗耀_UI|
心蓝
上海市 徐汇区 设计爱好者
发私信 + 关注
简介: 本文主要介绍的内容是UI设计里的高级搜索、基础校验表单、控件校验表单、弹窗等表单的设计


设计语言 - 表单(其他表单) 飞特网 设计理论

3.高级搜索 - 修改结构 [解析]

修改结构就要修改原结构中的缺陷,要解决上面所提到的所以问题,那第一个要解决的问题是"层级"。上面提到说把文本和文本域拆开来做会失去关联性,也更不像一个表单了。所以我增强了文本域文本域之间的关联性,看上去像一个完整的表单了。

设计语言 - 表单(其他表单) 飞特网 设计理论

增强文本与文本域的关联性的方法是把文本由左对齐修改为右对齐,但这样做有会产生一个新的问题,那就是文本产生的负形太大了与层级1的功能说明之间的关联性变弱了,如下图所示。

设计语言 - 表单(其他表单) 飞特网 设计理论

同时又造成了另一个问题,用户的视线被拉长了。用户每次确认信息准确性时视线还得返回到起点,然后再按照理解路径去填写相应的信息,这样造成的体验也是不好的。

设计语言 - 表单(其他表单) 飞特网 设计理论

解决这个问题的方法就引入了要解决的第二个问题 -"功能视噪"。上面也讲了功能描述太多了会造成视觉噪点,所以这里要减少视觉噪点的同时,还要解决"文本造成的负形"和"用户视线变长"的问题。我的解决办法是,去掉这些功能描述,直接按照两个大类来做功能划分,就是去掉了一些字,就完美了解决了"功能视噪"、"文字负形"和"用户视线变长"这三个问题。

12

好评
11

差评

刚表态过的朋友 (23 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • wjkrfaie

  • 心蓝

心蓝
上海市 徐汇区 设计爱好者
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计