1310-6499-520
今天是:
站内搜索:  
您的当前位置:主页 > 知识博客 > 设计管理 >
联系我们

名称:九分网络科技

联系:13106499520

地址:福建省福州市仓山区金榕南路553号


扫一扫添加微信

UI丨历经实战,我总结了这四个界面设计规范的经验--九分科技

时间:2020-07-01   分类:设计管理    作者:网络   来源:网络整理   点击:126

最近,为了提高设计效率和质量,我开始研究如何做规范。 阅读其他人制定的设计规范后,我回想起以前所做的工作,并总结了以下经验。  
 
说到设计规范,这是您不容错过的文章:“内部教程! 网易设计规范的超级实用六步透视图(附完整的PDF下载)“ 
 
设计规范的共同点
虽然不同的规范有很大的不同,但是在比较它们的目录时,有很多相似之处。 包含:布局,组件,颜色匹配和图标组件中的类别仅是导航,菜单,表单,列表,表格,按钮,弹出窗口等,我不会一一列出。  h] 
设计规范的类型有哪些
总的来说,我发现这三种类型的设计规范很可能出现:
 
 1,
 
对于产品经理 IOS和较早的Android(现在已经统一使用Material Design)的设计规范属于产品经理,其中编写的大部分内容都集中在如何选择一个大方向以及哪种处理方法更合理的方面,但是 界面详细信息暂无详细介绍。  
这种规格适合发表演讲。 内容不多,而且很有意义。 有许多创新功能。 进行设计很痛苦,因为它不能告诉您如何实现概念中概述的目标。 图标,大小,颜色,字体...很多事情还不清楚。  
 
 2。 设计师
 
规范通常具有内容丰富,具有许多图例和更详细的建议的优点,这可以使设计师在此基础上发挥创造力。  。 材料设计属于这一类,许多1:1的示例可以直接用作参考。 这很感人。  
 
但是该规范也有不足之处。 其一是它缺乏针对特定场景的规则,并且经常将所有可能用于阐述的要素都去掉了,但没有告诉您在什么情况下应该使用什么。 其次,容易实现理想化,因为制定此类规范的人通常是纯粹的设计师,因此其中的许多设计思想可能无法充分实现,或者某些思想可能无法通过实践进行检验。 材料设计中许多看似简单的设计实际上很难实现。 例如,实际上在大多数情况下很难用分辨率敏感的dp替换像素单元。  
 
 

UI丨历经实战,我总结了这四个界面设计规范的经验

本文来自九分网络

  九分网络

在“材料设计”的文本框中,描述文本将更改位置和大小,如果安排得更多,则将变得混乱。  
 
 3。 程序员
 
并不关心布局,交互,颜色匹配等细节,但会告诉读者他们可以做什么以及如何制作这些东西。 最初,我对这种规格的笔会有更多的期望,最令我印象深刻的是Windows Phone的设计规格,因为我在大学时就参加了Microsoft创新杯(在全国获得了第一名)  。 我花了很多精力来研究此规范(当时英语不好)。 程序员的团队成员都赞扬Windows设计规范的好坏,但只有我发现使用它非常痛苦。 现在考虑一下,尽管Windows Phone的设计规范被称为设计规范,它与Windows Phone的开发规范不同,但这完全是指导程序员如何实现各种接口的指南。 产品经理也可以使用它来查看页面类型,但是它们对设计人员不是很有帮助。  
 
该规范对于不需要设计人员的场景非常有用。 与前两个相比,这种实现非常高。  
 
选择设计规格
我认为上述三个设计规格非常重要,适用于不同场合。 产品经理的第一类规范适用于设计的初始阶段,确定概念和报告想法的阶段。 设计人员的第二种规格适用于设计和定稿阶段。 目前,接口的具体外观已经确定,但是未来的实现过程也会带来一些不确定性。 第三类规范适用于开发阶段。 根据接口对代码进行标准化可以大大提高前一阶段的开发效率。  
 
设计规范的常见遗漏
由于不需要太多类型的规格,因此此处的遗漏主要针对后两类。  
 
 1。 文本格式
 
设计人员经常过多地关注绘图,而忘记了文本也应该标准化。 例如,日期有许多可能的格式,例如“ YYYY年MM月DD日”,“ YYYY年M个月D日”,“ YYYY / MM / DD”等等。 另一个例子是单位,“大小:100M”,“大小:100万亿”或“大小(M):100”?  
 
不需要花时间定义这些文本格式,但是如果没有规范,则每页上相同内容的显示可能会有所不同,这对用户来说很烦人。  
 
 2。 特殊状态
 
#p#分页题#e#
设计与规范之间的区别在于,在设计时,仅当您知道某些事物具有特定状态时,才可以设计该状态; 在进行规范时,通常假定所有数据和操作都具有状态,并且最好统一不同地方不同事物的相同状态。  
 
所有操作都可能失败,无论它们是按钮,链接,输入框,下拉菜单...发生故障时以及完全隐藏操作时是否显示故障状态。  
 
所有操作都可能出错,尤其是输入框的错误率极高。 如果出了什么问题,我该如何告诉用户出了什么问题? 如何纠正? 由此也可以想象,如何一开始就避免用户错误?  
 
放置数据的所有位置可能没有内容,列表可能为空,或者字段为空。 如何清晰漂亮地告诉用户这里没有内容不是网络问题还是系统问题?  
 
 

UI丨历经实战,我总结了这四个界面设计规范的经验

内容采集来自9fen.net

 

内容采集来自9fen.net

△页面上无内容的显示效果
所有内容可能异常,网络不稳定,格式不受支持,系统错误等。这种情况如何清晰美观地告诉用户问题可能在哪里以及如何解决 要补救吗?  
 
成功还需要成功的状态。 有时页面有多个任务,第一个项目成功,第二个项目失败,并且用户到达第三个项目时仍然不一定记得第一个项目是成功的。  
 
 3,多级多选和多余的
 
灵活的接口规范可以处理大多数内容更改。 例如,导航和菜单项的数量和级别通常是不确定的,并且下拉选择框可能不一定只检查一项。 更为灵活的情况是,文章最多可以显示数十个屏幕。 这时,应该自动识别文章中的标题并生成目录还是将其显示在页面中?  
 
 4。 用户指南
 
用户指南通常在设计过程中被拖到最后,在规范中经常被忽略。 最重要的是用户首次使用时会看到的操作指南。 该操作指南不仅会出现在主页上,而且将来可能会随着设计的更改而发生变化,因此,初次使用此操作指南非常必要。 规范的。

  本文来自九分网络

UI丨历经实战,我总结了这四个界面设计规范的经验 copyright 9fen.net

  内容采集来自9fen.net

△初次使用的操作指南。  
 
另外,在使用过程中的关键时刻出现的操作提示也可以标准化。 例如,当用户输入新功能时,可能会出现该功能的介绍。  
 
 5。 大小适应
 
响应界面已经说了很多年了,并且已经明确地放在了规范中。 除了材料设计,真的很难找到。 如果您想了解响应界面,可以阅读我以前的文章“关于设计响应界面我应该知道些什么”。 响应接口有很多分类和实现。 无论是可视的,交互式的还是前端的,每个页面和元素都可能根据实际情况进行特殊处理。 这就是为什么很难为响应设计定制规格的原因。

  内容采集来自9fen.net

UI丨历经实战,我总结了这四个界面设计规范的经验 本文来自九分网络

 

copyright 9fen.net

△响应界面:如果页面是容器,内容就像水
 
除了适应整个页面,最好是小组件改变尺寸。 例如,同一张图表可能放在非常空白的页面上,或者可能放在非常拥挤的页面上。 当您需要调整尺寸时,哪些可以缩放,哪些不能缩放,这些的中心是什么...如果这些可以清除,设计将越来越像一个难题。  
 
除了调整整个页面之外,小的组件也最好自动调整大小。 例如,同一张图表可能放在非常空白的页面上,或者可能放在非常拥挤的页面上。 当需要调整组件的大小时,可以缩放的内容和不能缩放的内容,它的中心是什么...如果这些内容可以清楚地理解,那么设计将越来越像一个难题。  
 
 6。 运动效果
 
长期以来一直引起人们的关注,但它们似乎仍然停留在表面上,缺乏一套可以依赖的标准。 动画师不擅长此事。 它们必须具有超高的编码能力和敏感的审美神经。 也许由于这个困难,即使大多数设计规范都包含运动效果目录,但其中填充的内容仍然非常模糊。  
 
 7。 声音效果
 
大多数应用程序都没有声音效果,因为声音效果很烦人,节奏也不容易控制。 但是,对于音乐和视频等媒体应用程序,声音效果还有很大的空间,并且尚未开发出来。  
 
抛开这些,如果有声音效果,何时使用什么,多少音量,多长时间,振动模式(手机)需要振动反馈,可以考虑很多事情。  
 
 8。 手势
 
与键盘快捷键相同。 许多人喜欢触摸屏手势,这些手势可以使产品更加独特。 如果允许使用手势,则也可以调节此部分。  
 
 9。 国际化
 
#p#分页题#e#
如果界面上有多种语言,转换后文本太长或太短怎么办? 用户如何在不了解当前语言的情况下切换语言? 我应该为不同的语言选择哪种字体,以免太丑陋(例如,中文的默认字体通常是Song类型)?  
 
 10。 利基人群
 
尽管我们最关注主流用户,但许多利基人群也可以构成一定的分量。 例如,触摸屏应用程序能否为惯用左手的用户带来舒适的体验? 没有鼠标或键盘的人可以使用桌面应用程序吗? 色盲和色弱可以区分界面上的色块吗? 视力不好的人可以扩大这个词吗?  

 

九分网络

标签: 经验分享 优设 优设网 ui设计 优秀网页设 设计规范 ui

郑重声明:本文版权归原作者所有,九分网络转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。


九分网络专业提供公众号、小程序、PC及移动端站点搭建!网站程序及服务器维护:13106499520。微信:452570709

----相关文章----