UI设计课EDC研究所1期 Part 7-掌握细节拆分的设计思维

最新推荐文章于 2023-02-01 12:15:54 发布
最新推荐文章于 2023-02-01 12:15:54 发布
阅读量525 收藏 2
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lemon_SIR/article/details/84452131
版权

文章目录

1. z轴拆分

目的：提升设计的精度
（1）banner的拆分

  • 其思考顺序是：背景 - 文案 - 模特 - 点缀
  • 在此基础上具化，以文案为例，其考虑顺序是： 字体 - 调整 - 颜色 - 位置
    在这里插入图片描述

在这里插入图片描述

（2）导航栏的拆分：

  • 背景- 文案 - 两边的按钮
  • 在此基础上细化：
  • 文字大小：34 - 40px
  • 图标样式：使用线性图标、2px描边、44*44px以内（2倍图）

在这里插入图片描述
在这里插入图片描述
（3）金刚区图标的拆分
在这里插入图片描述
（4）小结
细节拆分可以从这些角度入手：设计样式、尺寸参数、细节处理、设计手法

2. 界面内容有哪些

  • 导航栏
  • banner
  • 金刚区
  • UGC版块
  • 瓷片区
  • 列表流
  • Tab栏
    把UI的资源按照内容来分类
    在这里插入图片描述
lemon_SIR
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
UI设计课EDC研究所1期 Part 18/19 -金刚区图标细节
lemon_SIR的博客
12-02 8679
文章目录1. 图标特点2. 基础规范3. 图形分析制作4. 配色5.细节处理6.小结 1. 图标特点 需求层级较高（是重点设计内容） 颜色较为丰富 以面性图标为主 2. 基础规范 （1）容易出现的问题 尺寸不合理 缺少呼吸感 （2）尺寸： 大多数图标的尺寸为：90px（可浮动） （3）呼吸感 水槽间距：40px（图标区域到四周的留白） 图标与文字：40 x 0.618 = 24px （...
EDC7针脚图
09-07
EDC7所有国三的板子都可以使用的针脚图。EDC7所有国三的板子都可以使用的针脚图。EDC7所有国三的板子都可以使用的针脚图。EDC7所有国三的板子都可以使用的针脚图。EDC7所有国三的板子都可以使用的针脚图。EDC7所有国三的板子都可以使用的针脚图。
Archive_renault_DPFOFF_stage1_EGROFF_edc17_
10-04
STAGE 1 FILE RENAULT MEGANE II 2007 1.9 DCI REPROG WITHOUT DPF EGR OFF
DPFOO_audi_a4_CHIPTUNE_stage1_edc17_
09-28
STAGE 1 FILE AUDI A4 2009 2.0 TDI REPROG WITHOUT DPF
嵌入式系统/ARM技术中的CD-ROM格式数据的软解码模块设计
12-13
摘要：介绍应用于嵌入式系统的CD-ROM格式数据软解码模块的设计方法；分析CD-ROM格式的数据结构，给出EDC及ECC解码算法的软件实现方法以及该模块的软件流程图。 关键词：CD-ROM格式 软解码 EDC检错 ECC纠错 引言 CD-ROM是目前应用非常广泛的大容量、低成本的存储设备。为了减小误码率，原始数据经过格式化编码和信道编码后，才写入CD-ROM盘片中；在读取时，则需经过信道解码和格式化解码后才能得到所需的原始数据。CD-ROM数据的读写过程如图1所示。 在一般的音像设备（如VCD机）和个人电脑中，CD-ROM数据的解码过程是由专用解码芯片来完成的；而CD-ROM不但可以应用在音
UI设计课EDC研究所1期 Part 8 - 大厂流程
lemon_SIR的博客
11-24 818
文章目录1 流程一览2. 设计分析3. 设计执行4. 设计后5. 我的感想 1 流程一览 需求宣讲 - 原型设计 - 交互评审 - 视觉设计 - 设计评审 - 开发上线 简单的三步就是：设计分析A（体现设计的价值） - 设计执行B - 设计跟踪C 2. 设计分析 (A1) 在产品环节要确认需求，明确设计目标 （1）有效梳理页面层次性 （2）提高某些图标的点击率（比如消费等），方法(就是为了提升对...
elementui导航栏内容右对齐_上滑页面时，什么内容该吸顶呢？
weixin_39842475的博客
11-28 463
最近在做一个核心功能流程的优化改造，到项目后期主要在抠静态页面的细节、实现，还是经研发小哥哥提示才意识到，页面滑动的时候是不是像以前一样导航栏是否吸附在页面顶部就可以、导航栏内容是否变化等等这些问题还需要仔细考虑。本文就来分析下，在App中上滑页面时可以将哪些内容吸顶、有哪些注意事项、有哪些巧妙的变化等等。需要吸顶的是具有全局价值的内容从功能交互来看，整个页面架构中最具全局价值的组件就是...
UI设计中三个重要的主题化区域，你知道吗？-优漫动游
L_uman的博客
02-01 1083
比如前段时间抖音APP将底部标签栏背景层进行主题营造的时候，在黑色层上面运用的色调比较深一些，与原本黑色的沉浸式体验有差异，在白底上面呈现效果还可以。比如优酷APP在中秋节的时候，就将底部标签栏图标替换为各式各样的月饼造型，主题营造也是非常的明显。将原本的图标造型融入到月饼图案中，镶嵌图案的设计非常巧妙，不仅保留原本的识别特征，也强化了主题氛围感。通常是阶段性时间内展示，可以是图标造型层面主题化，也可以是主题文案镶嵌在图标造型中，灵活性相对比较高。在已有的架构中改变表现层，是融入主题达到氛围感的常见形式。
UI设计课EDC研究所1期 Part 5- UI系统学习基础
czx3387170的博客
02-19 232
1. 基础部分 （1）六大组件：字体 图标 按钮 标签 瓷片区 banner （2）四大主流行业：金融行业 电商行业 医疗行业 社交行业 2. 难点/瓶颈 难点是3种类型的插画 分别是 吉祥物设计、2.5插画、扁平化噪点插画 3. 进阶 — 六大方法论 格式塔原则 尼尔森F型视觉模型 设计来源于生活 情绪版 数据振动模型 能力模型 ...
UI设计课EDC研究所1期 Part 6- 了解数据
lemon_SIR的博客
11-24 398
文章目录1. 界面的衡量2. 数据的作用3. 常用的3种数据4. 数据的来源5. 我的感想 1. 界面的衡量 取决于视觉设计 和 功能，而功能的衡量体现在数据。 2. 数据的作用 了解用户 支持设计 ——可以发现问题，用数据作为改版的切入点 3. 常用的3种数据 （1）点击率 = 点击次数/出现次数 案例：比如在不准改变功能层次的前提下，凸显某一个功能（返利啥的） 做法：需要使界面的层次分明...
EDC-E交流伺服用户手册（V2[1].10）.zip
03-20
EDC-E交流伺服用户手册（V2[1].10）.zip 介绍了关于EDC-E交流伺服用户手册（V2[1].10）.zip的详细说明，提供伺服系统的技术资料的下载。
UI设计课EDC研究所1期 Part 5- UI系统学习基础
lemon_SIR的博客
11-24 741
文章目录1. 基础部分2. 难点/瓶颈3. 进阶 — 六大方法论 1. 基础部分 （1）六大组件：字体 图标 按钮 标签 瓷片区 banner （2）四大主流行业：金融行业 电商行业 医疗行业 社交行业 2. 难点/瓶颈 难点是3种类型的插画 分别是 吉祥物设计、2.5插画、扁平化噪点插画 3. 进阶 — 六大方法论 格式塔原则 尼尔森F型视觉模型 设计来源于生活 情绪版 数据振动模型 能力模...
UI设计课EDC研究所1期 Part 12/13 - ios规范
lemon_SIR的博客
11-26 534
文章目录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...
UI设计课EDC研究所1期 Part 16/17 - 安卓和ios的比较和适配
lemon_SIR的博客
12-01 564
文章目录1.布局数值2. 基础组件3.系统用色4.图标5.组件6. 设计样式7.小结 1.布局数值 （1）字体 ios：苹方、Helevatica 安卓：思源黑体、roboto （2）图片适配 ios：宽750px 安卓：宽720px 适配问题：以瓷片区域为例，保证两边的留白以及图片之间的间距不变，仅仅缩放图片的比列 另外呼吸感的数据：两边留白12px，中间间距6px。 2. 基础组件 ...
UI设计课EDC研究所1期 Part 11 - 字体变形
lemon_SIR的博客
11-25 368
文章目录1. 梳理需求2. 确定字体3. 字体变形 1. 梳理需求 （1）确定文案主题 （2）观察字体，确认变形的部位 变形技巧有很多，比如笔画重连,参考这个笔画设计 最小程度的变形，比如断句法 2. 确定字体 （1） 明确主题气质 寻找气质关键词 ，比如由“生鲜”想到“健康 绿色” 把关键词具象 ，比如“健康”可以对应到“食材” （2） 寻找基础字体 3. 字体变形 （1）收集灵感和参...
四、SpringCloud之服务拆分分析
白夜行悟空
11-07 4670
1、微服务拆分的起点和终点 起点：既有架构的形态（将一个已有的架构转化为微服务架构） 终点：好的架构不是设计出来的，而是进化来的(一直在演进ing) 2、业务形态不适合微服务的 系统中包含很多强事务场景 业务相对稳定，迭代周期长 访问压力不大，可用性要求不高 3、康威定律 任何组织在设计一套系统（广义概念上的系统）时，所交付的设计方案在结构上都与该组织的沟通结构保持一致。（沟通的问题会...
element-ui 布局拆分组件，布局出现问题
Cikayo的博客
11-14 2992
问题说明 在使用elementui进行布局时，我将各个部分拆分成单独的组件，但是出现了布局混乱问题，看下图 官方示例，拿来直接用的时候的效果： 将各个部分拆分成组件后： 我们看到布局已经乱了，头部和主体部分已经在一行显示了。 问题解决 查看elementui文档说明，发现下面一个属性 OK，我们给 el-container增加这个属性 <el-contai...
Banner + 轮播图 + 设置 + 工具类 + 拆分 + 图片数组
xiaoniba987的博客
05-03 268
package com.example.com.lixiaolong_04_27_.utils; import android.content.Context; import android.widget.ImageView; import com.bumptech.glide.Glide; import com.youth.banner.loader.ImageLoader; public ...
UI设计的20个原则
热门推荐
z轴的博客
06-13 1万+
该博客用于记录。 UI设计的概念侧重在“交互”设计。优秀的UI设计界面，不光是各种元素设计技巧的展现，更重要的是能表现出用户角度的完美“体验感”。1.明确你的用户群 首先要明确一个方向：谁是你的用户群？不同阶层、不同年龄的用户偏重的主题设定和设计元素都不相同，所以UI设计必须是有针对性地设计。2.界面要清晰 清晰度是界面设计中，第一步也是最重要的工作。要想你设计的界面有效并被人喜欢，首先必须让
bula.EDC\WebUI\node_modules\vue-awesome-mui\node_modules\node-gyp\bin\node-gyp.js re
最新发布
09-06
pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [mova21-...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值