首页

PC端网页的UI设计趋势

涛涛

显示设备的多用化、智能手机应用的普及化、电子设备触摸屏的普及,这些环境变化推动了 PC 网页 UI 设计的新动向。

8 个易于实践的 UI 设计技巧

涛涛

本文总结了 8 个易于实践的 UI 设计技巧,可帮助设计师改善设计并为后续实践提供指导,具体内容如下。

UI 设计思路:先放飞概念,再落实到产品

涛涛

UI 设计思路应先放飞概念探索多种可能,如将泡泡圈视为独立 APP 进行设计,尝试简约风格、气泡形通知栏、胶囊形头像、实心图标等创新设计,再结合实际落实到产品,比如因开发资源和屏幕显示限制去掉渐变和弥散投影、回归分割线和返回按钮,同时要明确设计与艺术的区别,设计需围绕客观问题解决,概念稿后要提取可用点推动落地,注重用户习惯和跨平台适配,像用爱奇艺 Logo 代替文字返回按钮。

UI 设计中的构图与排版

涛涛

UI 设计中的构图与排版需将文字、图片及色彩等要素有组织组合,构图通过黑林错觉等心理学原理和居中、九宫格等九大技巧构建和谐布局,排版依据格式塔原理的接近性、连续性等法则及亲密性、对齐等原则,合理运用对比、重复等手法,同时结合界面投影等设计形式,以提升页面用户体验及相关性。

UI 设计中的情感化设计

涛涛

UI 设计中的情感化设计是设计师基于满足产品功能性和易用性后,设计出满足用户更高层级需求的创意表达工具,其目的是赋予产品情感以增加用户粘性、树立品牌形象以增强用户认知、引导用户操作以达成设计目的,可从本能层次(视觉)、行为层次(交互)和反思层次(思维)融入情感化设计,如视觉层次用独特 IP 形象、风格明确的规范化设计和拟人化动作,交互层次遵循操作前可预知等原则,思维层次明确服务者定位等,如此才能设计出以人为本的产品。

如何设计好看实用的仪表盘?

涛涛

仪表板 UI 设计需注重一致性,在颜色、字体、元素位置等方面保持各设备统一,优先传达重要信息,采用卡片布局、将关键内容放中心路线、用 18 像素内字体和独特颜色突出,设计要便于用户定制,如拖放交互、修改字段、换主题等,图表选择条形图等简单类型,避免 3D,图标选熟悉的,字体不超两种并建立视觉层次,色彩遵循心理学且不过度使用,利用对比度,同时要了解用户偏好,才能设计出实用美观的仪表板。

UI设计的4个角度14点思考

涛涛

UI 设计需从产品经理、交互设计师、用户和自我这 4 个角度思考:像产品经理一样关注用户群体、相关竞品、主要商业模式;像交互设计师一样考虑用户体验、使用场景、信息优先级、转场、使用习惯;像用户一样思考产品能否解决问题、设计是否美观、使用是否顺畅;像自己一样保持设计观,不盲目接受错误设计。如此才能做出符合用户需求且有自己韵味的设计。

UI 设计中按钮用圆角还是直角?

涛涛

UI 设计中按钮用圆角还是直角需综合考量,圆角在网格布局中更易辨识,如 TurboTax 仪表板中圆角卡片比尖角更引人注目,全圆形按钮在 Spotify 中因突出交互引导成功,但全圆形按钮可能被误认标签、嵌套选项触摸区域小、不适合堆叠,而直角按钮在表格等堆叠布局中更合适,此外圆角传达现代、简约等感觉,像 Chrome 浏览器更新为全圆形地址栏,总之设计需以鼓励用户交互、减少干扰为目标,而非单纯选择圆角或直角。

UI设计的顶级思路

涛涛

UI 设计的终极目标并非单纯追求极致用户体验,而是在「商业」「用户」「技术」等多方面条件限制下取得平衡,得出「综合最优」的解决方案。设计师常陷入拿到需求就找参考、凭感觉设计、在细节纠结的误区,正确做法是先明确需求背后的商业目标,将大目标拆解为小目标,如加油宝 APP6.0 改版时为提升 “收益增值业务下单率”,反推需提升标的 item 点击率、“立即投资” 按钮点击率等,再针对性解决,最后通过数据验证设计效果,如此才能积累经验、理清思路。

 8 个易于实践的 UI 设计技巧

涛涛

 8 个易于实践的 UI 设计技巧,包括若文本沉重可将颜色改为深灰色(如 #4F4F4F)以提升可读性,字体越小时行高应越大(如 18px 字体搭配 32px 行高),选择一种基础色并通过调整色调和深浅增加设计一致性,结合字体大小、权重和颜色突出 UI 中最重要元素,确保图标具有相同视觉样式(如相同比重、填充或轮廓),将 “行为召唤” 放在屏幕最突出位置(可结合颜色对比和文本标签),为表单错误添加额外视觉反馈(在操作旁显示错误信息),以及突出显示菜单中最常用操作(如上传图像、添加文件),这些技巧可通过简单调整改善 UI 设计。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档