首页

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 设计。

UI 界面版式设计的实用技巧

涛涛 设计思维

UI 界面版式设计的实用技巧,包括运用平面设计结构理解界面空间元素分布,通过不同标题规格等处理内容过多问题,采用空间分割替代线条分割,利用颜色填充背景改变图版率,根据产品调性选择配图及配色,通过模态弹窗等突出画面焦点,注重界面平衡,选择合适字体(苹果常用 Ping Fang SC、SF UI Text 等,安卓常用思源黑体、Roboto 等),设计有节奏感的版式,参考常用版心边距(8-23PX),考虑多端平台特性进行版式设计,运用纯度、色相对比等色彩对比手法,有效利用 16:9 等图片版面率,通过曲线与圆角等处理版式软硬关系,利用大留白与大卡片营造 “高级感”,采用增加动画效果等差异化设计方法。

一次糟糕的导航设计,怎样毁掉了整个用户体验

杰睿 设计思维

“导航系统是用户在信息环境中的方向感,没有它,一切设计都是迷宫。” ——《信息架构:超越Web设计》
 
糟糕导航,真能毁掉体验! 我最近帮一个客户诊断他们的网站:视觉很好看,动效很花哨,但用户却频繁抱怨“找不到内容”。结果一查,核心问题就在导航设计
同级栏目命名不统一,用户分不清差别;
二级菜单隐藏太深,点击才能发现;
不同页面导航结构不一致,导致迷路;
移动端和PC端导航布局完全不同,切换设备时用户无所适从。
 
书中有一句话特别扎心:“导航应该是信息环境中一致的标识系统,而不是隐藏信息的迷雾。”
这正好点出了他们的问题本质:导航不是装饰,而是用户认知路径的支撑。
 
 一次糟糕的导航,怎么毁掉体验?
用户需要多次点击才能找到目标内容 → 增加流失率
不一致的导航让用户记忆成本倍增 → 挫败感提升
重要页面被埋没,关键转化流程被中断 → 直接影响业务数据
比如这个网站有“产品中心”和“解决方案”,实际内容高度重叠,用户分不清该点哪一个;搜索结果页没有回到主导航的按钮,用户只能强制返回首页重来。
书里也强调:“不合逻辑的导航结构会导致用户迷失方向,并迅速放弃探索。”
 
如何快速自检你的导航?
打开你的网站,让一个没用过的人用导航找5个特定内容;
观察他们是否能在三次点击内到达;
如果他们频繁回到首页或说“不知道在哪里”,说明你的导航需要优化。

47ae6436-363d-40c4-9af1-b8abb353d43f (1).png

47ae6436-363d-40c4-9af1-b8abb353d43f.png

1280X1280 (1).PNG

1280X1280.PNG

39671bbb-2cbf-44fe-88b0-bf8626da4a1c.png

20250630-211953.png

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan
 

UI 界面图标设计的 10 个关键细节

涛涛 图标设计文章及欣赏

UI 界面图标设计的 10 个关键细节:使用光栅框架确保图标视觉重量一致,设计时注意像素网格重要性、优先 2 像素边框,从最复杂图标开始设计以保持细节层次统一,控制相邻元素最小间隙、避免轮廓 “粘滞”,去除重复图形元素以简化设计,保持图标风格(如角度、线性 / 填充)一致,基于 8 像素网格等二倍数度量系统设计,确保轮廓节点对齐、尺寸为整数,清理 SVG 代码中的冗余图层,同时强调这些建议需灵活应用而非刻板遵循。

设计需要思考什么?

涛涛 设计思维

设计的最终目的是提高生活质量,设计前需思考设计思维模式(结构化解决以人为本的问题)、设计理念(以人为本确立主导思想),并进行案例分析(如百度网盘专注功能、每日故宫突出特色等 9 点);设计时要注意简约(减少认知成本)、易用(功能一目了然)、视觉(抓住用户眼球)等 12 点,涵盖色彩、规范、习惯等方面,这些思考能提升设计效率与用户体验。

细节才会让UI界面更完美

涛涛 设计管理与成长

UI 设计需死抠细节,包括给元素添加方形容器以固定位置方便开发还原,尽可能还原真实场景如处理动态文字字节用省略号、渐隐蒙版或 tips 窗,以实际效果为准调整文字对齐(如手动移动解决字体间隙问题),遵循 1PX 临近平均原则处理无法均分的尺寸(如 334\333\333 的分配),注意对齐与分布(如导航菜单按需求选择对齐或分布方式并添加内边距实现视觉平衡),以及做好图层管理(按层级分组命名以提高协作效率),这些细节体现设计师专业素养并提升设计质量。

日历

链接

个人资料

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

存档