首页

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

涛涛 移动端UI设计文章及欣赏

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

UI 设计师如何让前端实现设计稿的像素级还原

涛涛 设计管理与成长

UI 设计师若想让前端实现设计稿的像素级还原,需在出稿时注意:将可复用控件规范化并输出文档,避免相同控件样式或交互不一致;把控颜色(规范色值、将 Sketch 颜色配置改为 sRGB)和间距(设定文本行高规范、考虑控件间距的盒子模型);遵守盒子模型,将界面布局盒子化,辅助前端准确定位元素,如此才能通过各部门协同合作实现优质项目落地。

UI 设计中的构图与排版

涛涛 设计管理与成长

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

UI 设计中的情感化设计

涛涛 交互设计及用户体验

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

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

涛涛 设计管理与成长

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

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

涛涛 设计管理与成长

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

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

涛涛 设计思维

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

UI设计的顶级思路

涛涛 设计思维

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

留白设计和UI设计准则

涛涛 设计思维

本文主要介绍留白设计准则(包括留白与裁剪可突出主体、留白与重心能凸显重点功能、留白影响视觉流使阅读有序、留白可对信息分组)和 UI 设计排版准则(层级通过字号、颜色建立,重复增加页面整体感,对齐引导视觉流,接近原则整合关联元素),强调合理运用这些准则可提升设计效果与用户体验。

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

涛涛 设计管理与成长

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

日历

链接

个人资料

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

存档