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

设计语言—表单(登录/注册)

心蓝发布于:2019-7-13 23:28 |原作者: 罗耀_UI|
心蓝
上海市 徐汇区 设计爱好者
发私信 + 关注
简介: 大致讲完了按钮、下拉菜单、导航栏、分页等,就要开始讲表单了。表单也分几种功能和几种样式,我也不可能不能把它们一一讲出来,所以只挑出几个常用的来讲一下吧。重复性的知识就不讲了,还是建议大家都温习一下以前的知识吧。另外呢,以后的文章我尽量讲的在细致一些,这样就更 ...


我讲设计不会像其他讲师那样按照自己的主观判断来进行讲解,凡是都有依据。我就来讲一下为什么输入框字数不同,就要用右对齐。在我讲平面知识的时候提到过,要素贴近具有关联性,要素远离产生分歧并相互排斥。那如果输入框字数不同就会产生"负形",而负形会破坏元素之间的整体性。如图所示。

设计语言—表单(登录/注册) 飞特网 设计理论

来讲一下第二个问题,那就是在输入框输入关键字后,提示的错误信息应该放在哪,怎么放。一个体验好的表单会有不同形式的提示信息,关键字填写有误就要给出相应的指引、上传文件有误就要提示用户文件错误等。如果不针对每种场景来为用户提示信息,就会给用户造成困惑,就会浪费用户的时间、增加用户的思考和压力。当输入框上下间距过于紧密,那提示信息就没有地方摆放了,所以应该给提示信息多留一些白。如图所示。

设计语言—表单(登录/注册) 飞特网 设计理论

好的那我们理解了给提示信息多留一些白的道理后,我们再细化一下,在考虑的深入并全面一些。我们都知道表单的曲率有"直角"、"曲率"和"圆角"之分, 根据视觉差(新手先不要去研究)测试得知,针对不同的曲率要给提示信息配置不同的位置。如图所示。

设计语言—表单(登录/注册) 飞特网 设计理论

可能有些同学看不出来它们之间的差别,没有关系我放大一下给你们看。我们要针对不同的曲率,提示信息要根据视觉差移动相对的位置。

设计语言—表单(登录/注册) 飞特网 设计理论

最后上传一张没有标注和注释的样式,供大家参考。

设计语言—表单(登录/注册) 飞特网 设计理论

谢谢阅读

感谢支持

最近也是遇到了一些事情,导致我的精神有些恍惚,那休息了20天左右有所缓和,现在的话精神状态就好一些了。另外我想在结尾简单阐述一下我的价值观,我是真心想履行社会责任和义务,可能在有些人眼里我是不容易被人理解的,但这就是最真实的我。在微信中给人解答问题比较积极,从来不会收取任何红包。朋友圈也从来不发广告,公众号就算做起来也承诺从不接任何广告。我现在就是想把我学到的所有的知识无私奉献出来,虽然现在只输出了不到10分之一,以后会慢慢补上来的。我的目的就是提高设计师认知,为这个行业做一丝贡献,为整个社会做一丝贡献,我想这就是我的价值吧。

谢谢大家的支持

记得点个赞哦

FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:https://www.fevte.com/plan/shejililun/

1234
16

好评
11

差评

刚表态过的朋友 (27 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

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

最新评论

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

委托设计