首页

UI 设计中的构图与排版

涛涛

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

评论(0) 浏览(109)

UI 设计中的情感化设计

涛涛

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

评论(0) 浏览(161)

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

涛涛

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

评论(0) 浏览(109)

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

涛涛

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

评论(0) 浏览(104)

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

涛涛

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

评论(0) 浏览(134)

UI设计的顶级思路

涛涛

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

评论(0) 浏览(93)

留白设计和UI设计准则

涛涛

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

评论(0) 浏览(99)

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

涛涛

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

评论(0) 浏览(96)

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

涛涛

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

评论(0) 浏览(103)

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

涛涛

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

评论(0) 浏览(151)

分类

日历

链接

个人资料

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

存档