【UI】常见基础知识整理
UI：User interface，即用户界面。
UI设计师与平面设计师的区别？
两者区别体现在用户体验及交互上。UI设计师需要考虑设计出更符合人操作习惯的用户界面、更简洁明了的用户界面、更符合用户群体的审美；平面设计更多是纯图形设计。
UI的一致性原则内容包括：色彩、字号、按钮、图标细节。
ios常用设计尺寸是：375*812 （iPhone 11 Pro、Iphone 12 mini）
参考文章：iOS设计尺寸规范：iPhone和iPad全产品分辨率和UI设计尺寸（含iPhone12系列）
UI常用设计工具：Sketch、XD、PS、AI、Axure、Figma、墨刀…（本人常用Axure）。
网页设计常用宽度是：1920px、1024px（以公司规范为准）。
中文字常用字号大小：12px、14px、16px、18px（关怀模式适当调整大小，以用户体验目标为依据）。
Mac常用的中文字体：苹方。
Windows常用中文字体：微软雅黑。
平面设计（展板、海报等）中可免费使用思源黑体字体。
拟物化设计的优点：细节、质感、光影。
扁平化设计的特点：简单、抽象、符号化。
三原色：红、黄、蓝。
互补色：由两种等量原色组成的。
复色：由三种原色组成的颜色。
PPI：像素密度。
px：像素。
pt：点，相对单位。
图标：电脑，手机或其它设备中为各种文件，应用程序或快捷方式设置的一种图形标志。
常见输出图标格式：png、svg、jpg、gif。
设计需明确设计风格，在定了风格后要严格按所定的风格去设计其它图标，保持统一性。
设计的整体风格应符合目标用户的审美习惯，并具有良好的引导性。
网站logo应符合目标客户的行业特征。
页面布局应：突出重点、主次分明、图文并茂、加强对用。
界面风格应 协调一致，让用户有一个整体的感觉。
表单填写错误，应提示用户错误原因，并保存原有填写内容以减少重复工作。当用户填写正确后，提示信息应立即消失。
当用户完成一项操作后，应有弹出框提示用户操作成功或失败，如果失败应提示失败原因。
功能的设计应以提高用户的使用效率为重点。
设计时应该采用易于阅读的字体，避免造成阅读障碍。
页面中的图片应该：显示清晰、不变形、排列合理。
设计师应做好容错性设计防止用户犯错。
好的容错性设计应当考虑：功能可见性设计、界面约束、清晰的反馈、反悔机制、减少负担、错误恢复、提供帮助。
格式塔原理接近性原则：距离近的关联亲密，距离远的各自独立分组。
格式塔原理主体与背景原则：当小图形重叠于大图形之上，我们的视觉会倾向于将小图形归为主体，大色块为背景，同时把小图形归为一组。
【UI】常见基础知识整理
UI：User interface，即用户界面。
UI设计师与平面设计师的区别？
两者区别体现在用户体验及交互上。UI设计师需要考虑设计出更符合人操作习惯的用户界面、更简洁明了的用户界面、更符合用户群体的审美；平面设计更多是纯图形设计。
UI的一致性原则内容包括：色彩、字号、按钮、图标细节。
ios常用设计尺寸是：375*812 （iPhone 11 Pro、Iphone 12 mini）
参考文章：iOS设计尺寸规范：iPhone和iPad全产品分辨率和UI设计尺寸（含iPhone12系列）
UI常用设计工具：Sketch、XD、PS、AI、Axure、Figma、墨刀…（本人常用Axure）。
网页设计常用宽度是：1920px、1024px（以公司规范为准）。
中文字常用字号大小：12px、14px、16px、18px（关怀模式适当调整大小，以用户体验目标为依据）。
Mac常用的中文字体：苹方。
Windows常用中文字体：微软雅黑。
平面设计（展板、海报等）中可免费使用思源黑体字体。
拟物化设计的优点：细节、质感、光影。
扁平化设计的特点：简单、抽象、符号化。
三原色：红、黄、蓝。
互补色：由两种等量原色组成的。
复色：由三种原色组成的颜色。
PPI：像素密度。
px：像素。
pt：点，相对单位。
图标：电脑，手机或其它设备中为各种文件，应用程序或快捷方式设置的一种图形标志。
常见输出图标格式：png、svg、jpg、gif。
设计需明确设计风格，在定了风格后要严格按所定的风格去设计其它图标，保持统一性。
设计的整体风格应符合目标用户的审美习惯，并具有良好的引导性。
网站logo应符合目标客户的行业特征。
页面布局应：突出重点、主次分明、图文并茂、加强对用。
界面风格应 协调一致，让用户有一个整体的感觉。
表单填写错误，应提示用户错误原因，并保存原有填写内容以减少重复工作。当用户填写正确后，提示信息应立即消失。
当用户完成一项操作后，应有弹出框提示用户操作成功或失败，如果失败应提示失败原因。
功能的设计应以提高用户的使用效率为重点。
设计时应该采用易于阅读的字体，避免造成阅读障碍。
页面中的图片应该：显示清晰、不变形、排列合理。
设计师应做好容错性设计防止用户犯错。
好的容错性设计应当考虑：功能可见性设计、界面约束、清晰的反馈、反悔机制、减少负担、错误恢复、提供帮助。
格式塔原理接近性原则：距离近的关联亲密，距离远的各自独立分组。
格式塔原理主体与背景原则：当小图形重叠于大图形之上，我们的视觉会倾向于将小图形归为主体，大色块为背景，同时把小图形归为一组。