建立关系:将经常同时使用的元素组织在,保证视觉元素和行为元素一致。
利用网格系统对齐视觉元素:网格系统对齐视觉元素,有助于用户能够系统的体验产品。
一致的空间:两个区域要求使用差不多大的空间,可设成完全相同的大小,若两个区域需要不同大小,可将大小拉开差距。
一致的间距和定位:相同的间距和定位可以提高屏幕的可读性...
一、B端界面设计如何统一设计风格
1、建立关系
(1)可以将经常同时使用的元素在布局上组织在一起,减少操作步骤。
(2)将有相似功能的元素在视觉上组织在一起,即视觉元素和行为元素保持一致。
2、利用网格系统对齐视觉元素
网格系统对齐视觉元素可以帮助用户有组织而又系统的体验产品。
3、一致的空间
(1)如果屏幕上的两个区域要求使用差不多大的空间,那就设成完全相同的大小。
(2)如果两个区域需要不同大小,那就将大小拉开明显的差距。
(3)如果做不到完全一致就加大差异,由于细微的差异会让用户感觉不稳定。
4、一致的间距和定位
一致的间距和定位可以辅助人们内在的视觉处理机制,可以极大的提高屏幕的可读性。
5、重复利用元素
重复利用元素的话用户只需要学习一次即可。
二、B端界面设计统一性的好处
1、统一性说明软件产品的不同模块要有相似的外观、感觉和行为,设计出有秩序规范的感觉。给用户留下一个规范统一的印象,更容易使用户认可产品开发者的专业度,从而提升用户对产品的信任感。
2、统一性可以降低用户的学习成本,提高设计和代码的重复利用,减少了开发时间和工作量。