首页

解锁盒子模型魔法,让设计稿完美还原

涛涛 前端及开发文章及欣赏

本文围绕盒子模型展开,详细介绍了其概念、与设计还原的关系、开发视角下的应用、原理案例及实际价值,旨在帮助设计师理解并运用盒子模型,实现设计稿的完美还原

惊艳的UI作品

涛涛 随笔的一些文章

本文围绕惊艳作品展开,分享了多个具有创新性的设计案例

科学的 UI 设计流程以及如何提升 UI 视觉效果

涛涛 设计思维

这篇文章主要分享了科学的 UI 设计流程以及如何提升 UI 视觉效果,结合学生作业案例,解答了设计中常见的问题,内容通俗易懂

PC端网页的UI设计趋势

涛涛 设计思维

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

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

涛涛 设计思维

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

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

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

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

UI 设计中的构图与排版

涛涛 设计管理与成长

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

UI 设计中的情感化设计

涛涛 交互设计及用户体验

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

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

涛涛 设计管理与成长

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

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

涛涛 设计管理与成长

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

日历

链接

个人资料

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

存档