网站设计规范都有哪些?
一、为什么需要建立设计规范?
1、保证设计的一致性。
对内部:多个设计师合作,依然能保证设计风格的统一。
对用户:提高用户体验,提高操作效率,加深对产品的记忆。 '
2、提高开发效率
与前端有效沟通的工具,提高设计还原度,降低对接成本。
开发可以建立公共组件库,很大的提高了开发效率。
3、方便产品迭代
随着产品的业务变化,发现一些问题或者需要优化用户体验的时候,针对单个控件进行调整,就可以影响全局,十分便捷。
二、设计原则
为了大限度地提高影响力和影响范围,请在想象应用程序的身份时牢记以下原则。
审美完整性
审美完整性表示应用程序的外观和行为与其功能的集成程度。
例如,一个可以帮助人们执行重要任务的应用程序可以通过使用微妙,醒目的图形,标准控件和可预测的行为来使他们专注。
另一方面,沉浸式应用程序(例如游戏)可以提供引人入胜的外观,带来乐趣和刺激,同时鼓励发现。
一致性
一致的应用程序通过使用系统提供的界面元素,知名的图标,标准的文本样式和统一的术语来实现熟悉的标准和范例。该应用程序以人们期望的方式结合了功能和行为。
直接操纵
屏幕内容的直接操作可以吸引人们并促进理解。用户在旋转设备或使用手势来影响屏幕内容时会经历直接的操纵。通过直接操作,他们可以看到其操作的直接可见结果。
反馈
反馈确认行动并显示结果,以使人们了解情况。
内置的iOS应用程序可响应每个用户操作提供可感知的反馈。轻触时,交互元素将突出显示,进度指示器传达长时间运行的操作的状态,动画和声音有助于阐明操作的结果。
隐喻
当应用程序的虚拟对象和动作是扎根于现实世界或数字世界的隐喻时,人们会更快地学习。隐喻在iOS中可以很好地工作,因为人们可以与屏幕进行物理交互。
他们将视图移开以隐藏下面的内容。他们拖动和滑动内容。他们切换开关,移动滑块并滚动选择器值。他们甚至浏览书籍和杂志的页面。
互联网产品设计的尺寸规范和分辨率的认识,是进行线上界面设计的di一步。然而,市面上的型号有很多,咋办?
作为设计师,要掌握常见的尺寸和距离,理解并做好设计的适配,才能解决不同手机屏幕之间的布局规范和换算关系。