UI设计课EDC研究所1期 Part 18/19 -金刚区图标细节

最新推荐文章于 2022-09-27 15:19:18 发布
最新推荐文章于 2022-09-27 15:19:18 发布
阅读量9k 收藏 16
点赞数 8
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lemon_SIR/article/details/84702480
版权
本文详述了UI设计中金刚区图标的特点，基础规范，如尺寸和呼吸感，图形分析制作过程，配色策略以及细节处理技巧。强调图标需具有清晰的表意，配色要考虑心理效应，细节处理包括微渐变和微投影的应用。
摘要由CSDN通过智能技术生成

文章目录

1. 图标特点

  • 需求层级较高（是重点设计内容）
  • 颜色较为丰富
  • 以面性图标为主

2. 基础规范

（1）容易出现的问题

  • 尺寸不合理
  • 缺少呼吸感

（2）尺寸： 大多数图标的尺寸为：90px（可浮动）
在这里插入图片描述
（3）呼吸感

  • 水槽间距：40px（图标区域到四周的留白）
  • 图标与文字：40 x 0.618 = 24px （40为水槽间距）
  • 内部呼吸感：90 x 0.618 = 56px
    在这里插入图片描述

3. 图形分析制作

（1）容易出现的问题

  • 形状凌乱，也就是图标的造型不同意
  • 造型复杂，要简约一点
最低0.47元/天 解锁文章
lemon_SIR
关注
Hyperf插件之passport认证插件richard8768/hyperf-passport
jobsen123的专栏
08-10 1559
hyperf 的 hyperf-passport 组件，支持对多种用户进行登录授权支持Oauth2.0的四种授权模式，目前密码授权模式已完全可用。下载地址:https://github.com/richard8768/hyperf-passport 本组件参考了 laravel 的 passport 组件设计，使用体验大体和 laravel 的 passport 差不多。> 任何问题请加QQ提问：444626008PHP>=7.4 安装依赖包 #授权依赖包 $ composer require 96qbhy
UI设计体验课
12-10
UI设计体验课程，更好了解UI行业，接触UI，适合新手了解学习。
UI设计课EDC研究所1期 Part 5- UI系统学习基础
czx3387170的博客
02-19 246
1. 基础部分 （1）六大组件：字体 图标 按钮 标签 瓷片区 banner （2）四大主流行业：金融行业 电商行业 医疗行业 社交行业 2. 难点/瓶颈 难点是3种类型的插画 分别是 吉祥物设计、2.5插画、扁平化噪点插画 3. 进阶 — 六大方法论 格式塔原则 尼尔森F型视觉模型 设计来源于生活 情绪版 数据振动模型 能力模型 ...
UI设计课EDC研究所1期 Part 5- UI系统学习基础
lemon_SIR的博客
11-24 756
文章目录1. 基础部分2. 难点/瓶颈3. 进阶 — 六大方法论 1. 基础部分 （1）六大组件：字体 图标 按钮 标签 瓷片区 banner （2）四大主流行业：金融行业 电商行业 医疗行业 社交行业 2. 难点/瓶颈 难点是3种类型的插画 分别是 吉祥物设计、2.5插画、扁平化噪点插画 3. 进阶 — 六大方法论 格式塔原则 尼尔森F型视觉模型 设计来源于生活 情绪版 数据振动模型 能力模...
UI设计课EDC研究所1期 Part 6- 了解数据
lemon_SIR的博客
11-24 488
文章目录1. 界面的衡量2. 数据的作用3. 常用的3种数据4. 数据的来源5. 我的感想 1. 界面的衡量 取决于视觉设计 和 功能，而功能的衡量体现在数据。 2. 数据的作用 了解用户 支持设计 ——可以发现问题，用数据作为改版的切入点 3. 常用的3种数据 （1）点击率 = 点击次数/出现次数 案例：比如在不准改变功能层次的前提下，凸显某一个功能（返利啥的） 做法：需要使界面的层次分明...
金刚区设计知识
Tianlran的博客
09-27 3646
在 App 的各模块中，金刚区算是比较重要的存在之一。是页面的核心功能区域，聚合了业务线的功能入口，设计的发挥影响了曝光度的强弱，是设计师需要重点深入的模块。
Error: [BABEL] D:\New Item\SourceCodeII\EDC\WebUI\src\main.js: Cannot find module '@babel/helper-string-parser'
最新发布
05-11
1. 确保你的项目安装了 '@babel/helper-string-parser' 模块。可以通过运行 `npm install @babel/helper-string-parser` 命令来安装。 2. 升级你的 Babel 版本。可以运行 `npm install --save-dev @babel/core@...
EDC-E交流伺服用户手册（V2[1].10）.zip
03-20
EDC-E交流伺服系统是工业自动化领域中广泛应用的一种高精度驱动技术，主要应用于需要精确位置控制、速度控制或扭矩控制的设备中。本用户手册（V2[1].10）详细介绍了该伺服系统的功能、配置、安装、接线、调试及故障...
Python库 | edc_lab-0.2.19-py3-none-any.whl
03-19
《Python库edc_lab-0.2.19-py3-none-any.whl：深入了解与应用》 在Python编程世界中，库是开发者的重要工具，它们提供了丰富的功能，简化了复杂的任务，使得代码更加简洁高效。本文将深入探讨Python库`edc_lab-0.2....
金刚区图标应该从哪几个纬度去设计?
蓝途职业教育学员互动分享专区
04-02 577
金刚区的意义和功能是什么? 金刚区的位置通常是位于搜索框、banner之下，而且金刚区区域通常会占据屏幕22%~25%的大小且位于屏幕头部，从用户阅读屏幕内容的视觉流来说位置至关重要，而且是聚合各类子板块的入口，为各个子版块分发内容引导流量。所以其重要性不言而喻，产品要让用户通过不同类型展示方式的组件找到相应的功能，而图标具备精炼高度概括内容的特性，而且图标的识别度大于文字，所以金刚区的设计通常以...
IOS-各控件默认尺寸和参考图标大小
weixin_30569153的博客
08-13 554
UITabBar 转载于:https://www.cnblogs.com/oscar1987121/p/5769039.html
IOS和安卓ui设计常用尺寸及基本知识
weixin_34367257的博客
03-04 249
IOS和安卓ui设计常用尺寸及基本知识 iOS app iOS app 图标的圆角半径是多少？ 括弧里面是对应的半径大小 App store(Retina屏)─────────────1024px（160px） iTunes Artwork icon ─────────────512px (90px) App icon(iP...
iOS7官方推荐图标和图像尺寸
xietao3
08-02 2800
图标和图像大小 每一个应用程序需要一个应用程序图标和启动图像。此外，一些应用程序需要自定义的图标来表示特定于应用程序的内容，功能，或在导航栏，工具栏和标签栏模式。 不像其他的定制艺术品在您的应用程序的图标和图像，表38-1列出必须满足特定的标准，因此，IOS可以正确显示。此外，一些图标和图像文件的命名要求。（如果你需要支持标准分辨率的iPhone或iPod touch设备，除以2下面列出高分辨
App 常用图标尺寸规范汇总
热门推荐
帅呆sky的博客
10-11 2万+
1. 程序启动图标（icon launcher） 放在mipmap-*dpi下，文件名为ic_launcher.png L DPI ( Low Density Screen，120 DPI )，其图标大小为 36 x 36 pxM DPI ( Medium Density Screen, 160 DPI )，其图标大小为 48 x 48 pxH DPI ( High Density S
android开发之App常见图标尺寸规范
ZaneLove's blog
01-23 2672
1. 程序启动图标： LDPI (Low Density Screen，120 DPI)，其图标大小为 36 x 36 px。 MDPI (Medium Density Screen, 160 DPI)，其图标大小为 48 x 48 px。 HDPI (High Density Screen, 240 DPI)，其图标大小为 72 x 72 px。 xhdpi (Extra
Android, App常用图标尺寸规范
晓鹰
05-30 2178
1. 程序启动图标： LDPI (Low Density Screen，120 DPI)，其图标大小为 36 x 36 px。 MDPI (Medium Density Screen, 160 DPI)，其图标大小为 48 x 48 px。 HDPI (High Density Screen, 240 DPI)，其图标大小为 72 x 72 px。 xhdp
UI设计APP金刚区，卡片式设计
m0_52900812的博客
04-11 3563
一，金刚区 金刚区定义:APP首页页面上部的核心功能，金刚区会随着产品业务目标变更，节目活动而灵活调整。金刚区以宫格形式排列，图层展示个数为4~10个。 金刚区作用: 1.金刚区处于APP首页中最显眼，最方便点击的位置。作用是为了不同的业务模块引流(业务优先) 图标会浮夸，依赖于文字说明 2.功能选择，为用户提供不同功能的服务(功能优先) 针对年纪大视力不好的人，图标功能性清晰 二，卡片式设计 卡片式设计灵感来源于生活中的“名片，身份证，交通卡”等卡片形式。这些卡片的共同的特点是“在一张卡片容纳信息，易于扩
app 所需图标尺寸
weixin_42050662的博客
09-13 2685
图标 16*16，20*20, 29*29，36*36 ,40*40， 48*48，57 * 57, 58*58 ,60 * 60 , 72*72 ,76 * 76 ,87 * 87 ,80*80, 96*96 ，108*108,120*120 144*144, 152*152,167*167，180*180 192*192 256*256，384*384 ,1024*1024...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值