- 博客(20)
- 收藏
- 关注
RSS订阅原创 UI设计课EDC研究所1期 Part 18/19 -金刚区图标细节
文章目录1. 图标特点2. 基础规范3. 图形分析制作4. 配色5.细节处理6.小结1. 图标特点需求层级较高（是重点设计内容）颜色较为丰富以面性图标为主2. 基础规范（1）容易出现的问题尺寸不合理缺少呼吸感（2）尺寸： 大多数图标的尺寸为：90px（可浮动）（3）呼吸感水槽间距：40px（图标区域到四周的留白）图标与文字：40 x 0.618 = 24px （...
2018-12-02 11:09:23
8663
原创 UI设计课EDC研究所1期 Part 16/17 - 安卓和ios的比较和适配
文章目录1.布局数值2. 基础组件3.系统用色4.图标5.组件6. 设计样式7.小结1.布局数值（1）字体ios：苹方、Helevatica安卓：思源黑体、roboto（2）图片适配ios：宽750px安卓：宽720px适配问题：以瓷片区域为例，保证两边的留白以及图片之间的间距不变，仅仅缩放图片的比列另外呼吸感的数据：两边留白12px，中间间距6px。2. 基础组件...
2018-12-01 15:13:08
561
原创 UI设计课EDC研究所1期 Part 14/15 - 安卓规范
文章目录1.尺寸2 单位与图标3. 文字4. 用色5. 图标6. Z轴投影1.尺寸（1）安卓的设计规范名为：Material Design（2）主流设备：4.5英寸：720 x 1280px （默认尺寸，类似于苹果的@2x），状态栏高：50px，导航栏：96px ，标签：96px（通常情况下不会出现）5.0英寸：1080 x 1920px (类似@3x)2 单位与图标安卓中图像...
2018-12-01 11:11:08
300
原创 UI设计课EDC研究所1期 Part 12/13 - ios规范
文章目录1. 尺寸和单位2. 字体3. tab图标4. 按钮四态5. 命名规范6. 标签7. 兜底加载8. 特殊字体9. 分割线10. 列表1. 尺寸和单位设计尺寸：750 x 1334 ，状态栏高40px，导航栏高88px ，标签栏高98px。ios中的单位：pt在@2x里，1pt = 2px在@3x里，1pt = 3px所以设计以2x为准，导出3x的时候仅需放大1.5倍。2...
2018-11-26 17:22:42
533
原创 UI设计课EDC研究所1期 Part 11 - 字体变形
文章目录1. 梳理需求2. 确定字体3. 字体变形1. 梳理需求（1）确定文案主题（2）观察字体，确认变形的部位变形技巧有很多，比如笔画重连,参考这个笔画设计最小程度的变形，比如断句法2. 确定字体（1） 明确主题气质寻找气质关键词 ，比如由“生鲜”想到“健康 绿色”把关键词具象 ，比如“健康”可以对应到“食材”（2） 寻找基础字体3. 字体变形（1）收集灵感和参...
2018-11-25 13:51:40
366
原创 UI设计课EDC研究所1期 Part 10 - 数字的字体
文章目录1.常用的数字字体2.如何选择以及使用场合1.常用的数字字体基础的：din dosis latoHelvetica ：与苹方类似，但粗一点Futura：圆胖，不适合正文和价格，可以用于评分Roboto：高挑，适合价格展示Avenir：刚劲有力，大屏数据可视化impact：粗细结合，适合运营类版块（顺序打乱）2.如何选择以及使用场合(1)如何选择:根据文案...
2018-11-25 11:32:35
863
原创 UI设计课EDC研究所1期 Part 9 -“特殊的字体”
文章目录1. 默认字体2. 瓷片区的字体3. 大促广告位1. 默认字体安卓：思源黑体ios： 苹方特殊字体一般用在瓷片区、大促广告位等。目的是为了使重点突出，层次分明。2. 瓷片区的字体（1）标题字体：选择要点是根据设计的需求，比如体现什么风格等加粗，可以用方正兰亭中黑 苹方黑斜体，可以用方正粗简体，注：倾斜的角度一般是6-7°（2）参考要点主文案/标题：一般用苹方（中粗...
2018-11-25 11:14:25
648
原创 UI设计课EDC研究所1期 Part 8 - 大厂流程
文章目录1 流程一览2. 设计分析3. 设计执行4. 设计后5. 我的感想1 流程一览需求宣讲 - 原型设计 - 交互评审 - 视觉设计 - 设计评审 - 开发上线简单的三步就是：设计分析A（体现设计的价值） - 设计执行B - 设计跟踪C2. 设计分析(A1) 在产品环节要确认需求，明确设计目标（1）有效梳理页面层次性（2）提高某些图标的点击率（比如消费等），方法(就是为了提升对...
2018-11-24 20:27:20
815
原创 UI设计课EDC研究所1期 Part 7-掌握细节拆分的设计思维
文章目录1. z轴拆分2. 界面内容有哪些1. z轴拆分目的：提升设计的精度（1）banner的拆分其思考顺序是：背景 - 文案 - 模特 - 点缀在此基础上具化，以文案为例，其考虑顺序是： 字体 - 调整 - 颜色 - 位置（2）导航栏的拆分：背景- 文案 - 两边的按钮在此基础上细化：文字大小：34 - 40px图标样式：使用线性图标、2px描边、44*44px以...
2018-11-24 19:51:42
523
原创 UI设计课EDC研究所1期 Part 6- 了解数据
文章目录1. 界面的衡量2. 数据的作用3. 常用的3种数据4. 数据的来源5. 我的感想1. 界面的衡量取决于视觉设计 和 功能，而功能的衡量体现在数据。2. 数据的作用了解用户支持设计 ——可以发现问题，用数据作为改版的切入点3. 常用的3种数据（1）点击率 = 点击次数/出现次数案例：比如在不准改变功能层次的前提下，凸显某一个功能（返利啥的）做法：需要使界面的层次分明...
2018-11-24 19:29:07
397
原创 UI设计课EDC研究所1期 Part 5- UI系统学习基础
文章目录1. 基础部分2. 难点/瓶颈3. 进阶 — 六大方法论1. 基础部分（1）六大组件：字体 图标 按钮 标签 瓷片区 banner（2）四大主流行业：金融行业 电商行业 医疗行业 社交行业2. 难点/瓶颈难点是3种类型的插画分别是 吉祥物设计、2.5插画、扁平化噪点插画3. 进阶 — 六大方法论格式塔原则尼尔森F型视觉模型设计来源于生活情绪版数据振动模型能力模...
2018-11-24 18:48:19
740
原创 20岁，一个美好却又操蛋的年龄！
今天很有幸去派发少儿嘟嘟课的宣传单页，站在小学门口，看着一群红着脸的小家伙，一边吸着鼻涕，口里喊着一些令人找不着头脑的动画台词，肆意地追捉打闹，颇有几分滑稽，不经想起自己是不是也曾这副模样呢。20岁是个很美好的年龄！拥有一生中最美的容貌、拥有充沛的精力、拥有征服世界的渴望、没有家庭的负担、没钱家里出、出事家人帮你扛等等！我们小时候，都曾渴望长大，认为长大的自己一定比现在更快乐。以此类推，如果我...
2018-11-01 20:46:52
777
1
原创 10-19学习
文章目录（一）今日学习总结（二）打断点调试（三）this的用法（四）新对象的创建（五）新数组的创建和使用（六）Math对象（七）函数执行频率（一）今日学习总结通过一个“抽奖”的功能，学习了数组创建和使用、数组的长度、对象的创建和使用、this的用法、算数里的随机。（二）打断点调试在控制台里，在sources选项里，进行断点调试，可以查看变量值的变化，可用F10一步步进行。（三）thi...
2018-10-19 15:50:14
124
原创 10-16
文章目录一 近期学习内容1 常用的代码2 几种逻辑结构3 运算符4 函数的格式二 小结一 近期学习内容1 常用的代码作用使用调出弹窗alert（）测试console.log（）取出id为xxx的值documengt.getElementById("xxx").value页面打印xxxdocumeng.write("xxx")转换整形par...
2018-10-16 17:01:06
106
原创 10-11 JavaScript学习第一天
文章目录（一）完成字体样式的更改（二）问答题1 Javascript的发展史2 Javascript与Java的区别3 Javascript 的代码格式规范有哪些？（1）JavaScript的格式（2）JavaScript的编写规范（3）JavaScript脚本程序的几种基本格式（三）今天学习总结（一）完成字体样式的更改<!DOCTYPE html><html>&l...
2018-10-11 17:30:36
130
原创 web学习第五天：9-29
文章目录(一)用CSS美化html个人简历(二)用CSS美化框架锚点文章（三）回答问题1 css的版本进化历史2 css有哪些选择器,其定义语法分别是什么3 html和CSS有什么关系，为什么会有CSS技术的出现？(三)今日学习总结(一)用CSS美化html个人简历<!DOCTYPE html><html><head> <link rel="st...
2018-09-30 07:27:59
230
原创 web学习第四天：9-28
目录(一) 标签整理1 注释 ``2 Html标签 ``3 锚点 ``4 字体加粗 ``5 块引用 blockquote6 主体 ``7 按钮 ``8 表格标题 ``9 显示源代码``10选项列表``(一) 标签整理1 注释 &amp;amp;lt;!--...--&amp;amp;gt;用途：注释标签用于在源代码中插入注释。注释不会显示在浏览器中。您可使用注释对您的代码进行解释，这样做有助于您在以后的时间对代码的编辑。...
2018-09-29 02:22:03
430
原创 web学习第二天：9-26
课程关键字关键字英文解释浏览器browser解析源代码，以图文形式来展现前端web编写源代码规范rules按照一定的规则编写代码，使代码容易看懂语法grammar能够让浏览器解析，不出现错误标签tag定义内容属性property内容的特征作业完成汇报什么是BS架构和CS架构的程序，各有何优缺点？CS（Cl...
2018-09-26 07:55:20
169
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人