首页

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

涛涛

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

评论(0) 浏览(522)

UI设计的顶级思路

涛涛

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

评论(0) 浏览(363)

留白设计和UI设计准则

涛涛

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

评论(0) 浏览(298)

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

涛涛

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

评论(0) 浏览(272)

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

涛涛

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

评论(0) 浏览(430)

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

涛涛

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

评论(0) 浏览(568)

设计需要思考什么？

涛涛

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

评论(0) 浏览(314)

细节才会让UI界面更完美

涛涛

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

评论(0) 浏览(339)

医疗自助服务机UX设计

涛涛

本次发布的是自助签到机，页面逻辑很简单，没有复杂之处，功能也是简单粗暴；受设备的影响一直秉持保持界面美观的情况下更注重用户实用性；

评论(0) 浏览(414)

UI 和 UX 设计小技巧

涛涛

收集了 多 个 UI 和 UX 设计小技巧，涵盖视觉设计、排版、色彩、交互等多方面，包括通过微妙边界或多重阴影让元素更清晰、减少标题字母间距以实现视觉平衡、确保图标风格一致、适当留白使设计更透气、20pt 字体提升长文本阅读体验、基于字体比例定义字号集、选择基本色并通过色调和阴影增加一致性、移动端登录允许用户随时跳过并将跳过链接放在拇指易触及位置、确保阴影来自同一光源、合理进行图层管理、通过色彩对比度等突出重要元素、错误时添加视觉辅助、移动端创建足够大热区、保持文字与图像对比度等，这些技巧能通过最小调整改善设计细节和用户体验。

评论(0) 浏览(354)

分类

日历

链接

个人资料

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

存档