通过拆解法来判断哪里设计感缺失
1、在使用流程中是否有功能缺失
2、同类/级别功能 位置等级是否统一
3、交互状态是否合理（使用时呈现的多态情况）
4、视觉引导，重心是否准确
组件化思维
把完整物体，不断拆解打散的能力（基础元素）
导航栏——文字规范+间距留白+图标大小
文字规范：01搜索文字 28px #cccccc
间距留白：倍数原则，重复使用
图标大小：44px，切图考虑点击热区体验，添加空白像素补充（48px）
tab栏——基本尺寸+元素定位+文字大小+图标尺寸
tab栏尺寸：750*98px
元素定位：按元素个数等分法居中显示，（5个，750/5=150px）
文字大小：18~22px，最小不低于18px
图标设计尺寸：44px
一看 二拆 三总结
线性图标五大统一性
双钻模型
设计考题
拆：品牌融入+色彩倾向（传达含义感受）+图标风格+辨识度
基础形状提炼法
最终方案
拆分
规范层面
通过拆解法来判断哪里设计感缺失 1、在使用流程中是否有功能缺失 2、同类/级别功能 位置等级是否统一 3、交互状态...
模块化：是从代码逻辑的角度进行划分的 组件化：是从ui界面的角度进行划分的；前端的组件化，方便ui组件的重用 创建...
1. 精通 iOS 平台的模块化设计架构，能够设计出 SDK 和 UI 组件方案，并实现定制化UI组件界面，动画；...
什么是插件化 首先我们区分一下组件化和插件化的概念 组件化组件化开发就是将一个app分成多个模块，组件化强调功能拆...
angular.js组件化：为了达到ui的复用，将页面分成几部分。可以通过组件化来实现。
UI界面从上至下的组件可划分为： 不同的APP虽然有不同的行业属性，但均可拆分组件化。 UI组件星辰大海，要认真了...
今天则会从更小细粒度入手，主要讲讲在组件化架构下组件与组件之间通信机制是如何、包括所谓的UI跳转，其实也是组件化通...
iOS开源项目：FlatUIKit FlatUIKit是iOS中具有扁平化风格的UI（Flat UI）组件。Fla...
1.无状态组件，函数式组件, 影子组件，傻瓜组件，UI组件 2.类的定义 总结:类的组件形式相对于函数化组件更消耗性能
ViewController 是一种界面开发组件化的实现方式,利用它可以将一些复杂的 UI 界面开发组件化, 从而...
本文标题：K01 UI组件化+拆解法
本文链接：https://www.haomeiwen.com/subject/ylxmyltx.html
网友评论