小当家ISV
互联网高新技术服务商

全球共有10多个国家和地区1000多个平台,20万+商户使用

【UI】常见基础知识整理

作者:    李金桂       发布时间:     2023-03-18          234      分类专栏: 平面设计

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应符合目标客户的行业特征。


页面布局应:突出重点、主次分明、图文并茂、加强对用。


界面风格应 协调一致,让用户有一个整体的感觉。


表单填写错误,应提示用户错误原因,并保存原有填写内容以减少重复工作。当用户填写正确后,提示信息应立即消失。


当用户完成一项操作后,应有弹出框提示用户操作成功或失败,如果失败应提示失败原因。


功能的设计应以提高用户的使用效率为重点。


设计时应该采用易于阅读的字体,避免造成阅读障碍。


页面中的图片应该:显示清晰、不变形、排列合理。


设计师应做好容错性设计防止用户犯错。


好的容错性设计应当考虑:功能可见性设计、界面约束、清晰的反馈、反悔机制、减少负担、错误恢复、提供帮助。


格式塔原理接近性原则:距离近的关联亲密,距离远的各自独立分组。


格式塔原理主体与背景原则:当小图形重叠于大图形之上,我们的视觉会倾向于将小图形归为主体,大色块为背景,同时把小图形归为一组。

所属分类: 平面设计
uniapp swiper如何自适应高度占满屏幕剩余高度
UI设计流程是什么?来看看UI设计完整的设计流程吧

小当家,帮您把生意越做越大!

小当家ISV,重庆APP开发,小程序开发,软件系统开发 地址:重庆市南岸区南坪万达广场写字楼2栋19-6 联系电话:023-81361879

ICP备案号:渝ICP备15003473-1 增值电信业务许可证: 渝B2-15003473 渝公网安备 50010802005103号

友情链接: 小当家点餐收银系统   MagicShop商城  重庆微信营销  重庆智能家居  重庆红岭医院 

重庆小当家互联网信息技术有限公司