UI设计规范1⃣️视觉篇 | 颜色/图标...
采集 评论
查看来源 xiaohongshu.com
豆子阿喵从w勿忘我
转采于2024-12-19 15:30:34
UI设计规范1⃣️视觉篇 | 颜色/图标的应用 起来吧，很难找全的！！ 本篇笔记讲述了颜色、图标、字体、阴影在UI界面设计中的应用， 1⃣️颜色 （1）按类型分为：主题色和辅助色；主题色一般是品牌色，其他颜色统称为辅助色； （2）按用途分为：文字色、背景色和状态色（常态、点击态、不可点击）； 2⃣️图标/icon （1）图标尺寸：尺寸种类不用过多，尺寸用偶数 （2）图标端点：图标断线形式分为直角端点、圆角端点、出角端点 （3）图标转角：分为直角、圆角和斜角，保持规则统一 （4）图标网格系统：为保证图标图形
设计规范
豆子阿喵
APP设计规范3⃣️导航栏栏篇 | 宫格式导航 起来吧，很难找全的！！ 本篇笔记讲述了UI设计中导航栏的设计规范 1⃣️底部标签栏 2⃣️分段式导航 3⃣️宫格式导航 4⃣️侧边式导航 5⃣️下拉菜单导航 6️⃣列表式导航 7️⃣抽屉式导航 【下期精彩预告】 UI设计规范布局篇、导航类、按钮类、操作反馈类、表单类、提示类、列表类、加载类、缺省页等，敬请期待！ 起来一起学习吧！ #ui设计  #设计  #设计规范  #界面设计  #交互设计  #ui设计规范  #移动端UI设计规范  #ui设计教程  #自
APP设计规范3⃣️导航栏栏篇 | 宫格式导航 起来吧，很难找全的！！ 本篇笔记讲述了UI设计中导航栏的设计规范 1⃣️底部标签栏 2⃣️分段式导航 3⃣️宫格式导航 4⃣️侧边式导航 5⃣️下拉菜单导航 6️⃣列表式导航 7️⃣抽屉式导航 【下期精彩预告】 UI设计规范布局篇、导航类、按钮类、操作反馈类、表单类、提示类、列表类、加载类、缺省页等，敬请期待！ 起来一起学习吧！ #ui设计  #设计  #设计规范  #界面设计  #交互设计  #ui设计规范  #移动端UI设计规范  #ui设计教程  #自
APP设计规范3⃣️导航栏栏篇 | 宫格式导航 起来吧，很难找全的！！ 本篇笔记讲述了UI设计中导航栏的设计规范 1⃣️底部标签栏 2⃣️分段式导航 3⃣️宫格式导航 4⃣️侧边式导航 5⃣️下拉菜单导航 6️⃣列表式导航 7️⃣抽屉式导航 【下期精彩预告】 UI设计规范布局篇、导航类、按钮类、操作反馈类、表单类、提示类、列表类、加载类、缺省页等，敬请期待！ 起来一起学习吧！ #ui设计  #设计  #设计规范  #界面设计  #交互设计  #ui设计规范  #移动端UI设计规范  #ui设计教程  #自
APP设计规范3⃣️导航栏栏篇 | 宫格式导航 起来吧，很难找全的！！ 本篇笔记讲述了UI设计中导航栏的设计规范 1⃣️底部标签栏 2⃣️分段式导航 3⃣️宫格式导航 4⃣️侧边式导航 5⃣️下拉菜单导航 6️⃣列表式导航 7️⃣抽屉式导航 【下期精彩预告】 UI设计规范布局篇、导航类、按钮类、操作反馈类、表单类、提示类、列表类、加载类、缺省页等，敬请期待！ 起来一起学习吧！ #ui设计  #设计  #设计规范  #界面设计  #交互设计  #ui设计规范  #移动端UI设计规范  #ui设计教程  #自
APP设计规范3⃣️导航栏栏篇 | 宫格式导航 起来吧，很难找全的！！ 本篇笔记讲述了UI设计中导航栏的设计规范 1⃣️底部标签栏 2⃣️分段式导航 3⃣️宫格式导航 4⃣️侧边式导航 5⃣️下拉菜单导航 6️⃣列表式导航 7️⃣抽屉式导航 【下期精彩预告】 UI设计规范布局篇、导航类、按钮类、操作反馈类、表单类、提示类、列表类、加载类、缺省页等，敬请期待！ 起来一起学习吧！ #ui设计  #设计  #设计规范  #界面设计  #交互设计  #ui设计规范  #移动端UI设计规范  #ui设计教程  #自
APP设计规范3⃣️导航栏栏篇 | 宫格式导航 起来吧，很难找全的！！ 本篇笔记讲述了UI设计中导航栏的设计规范 1⃣️底部标签栏 2⃣️分段式导航 3⃣️宫格式导航 4⃣️侧边式导航 5⃣️下拉菜单导航 6️⃣列表式导航 7️⃣抽屉式导航 【下期精彩预告】 UI设计规范布局篇、导航类、按钮类、操作反馈类、表单类、提示类、列表类、加载类、缺省页等，敬请期待！ 起来一起学习吧！ #ui设计  #设计  #设计规范  #界面设计  #交互设计  #ui设计规范  #移动端UI设计规范  #ui设计教程  #自
APP设计规范3⃣️导航栏栏篇 | 宫格式导航 起来吧，很难找全的！！ 本篇笔记讲述了UI设计中导航栏的设计规范 1⃣️底部标签栏 2⃣️分段式导航 3⃣️宫格式导航 4⃣️侧边式导航 5⃣️下拉菜单导航 6️⃣列表式导航 7️⃣抽屉式导航 【下期精彩预告】 UI设计规范布局篇、导航类、按钮类、操作反馈类、表单类、提示类、列表类、加载类、缺省页等，敬请期待！ 起来一起学习吧！ #ui设计  #设计  #设计规范  #界面设计  #交互设计  #ui设计规范  #移动端UI设计规范  #ui设计教程  #自
UI设计规范1⃣️视觉篇 | 颜色/图标的应用 起来吧，很难找全的！！ 本篇笔记讲述了颜色、图标、字体、阴影在UI界面设计中的应用， 1⃣️颜色 （1）按类型分为：主题色和辅助色；主题色一般是品牌色，其他颜色统称为辅助色； （2）按用途分为：文字色、背景色和状态色（常态、点击态、不可点击）； 2⃣️图标/icon （1）图标尺寸：尺寸种类不用过多，尺寸用偶数 （2）图标端点：图标断线形式分为直角端点、圆角端点、出角端点 （3）图标转角：分为直角、圆角和斜角，保持规则统一 （4）图标网格系统：为保证图标图形
UI设计规范1⃣️视觉篇 | 颜色/图标的应用 起来吧，很难找全的！！ 本篇笔记讲述了颜色、图标、字体、阴影在UI界面设计中的应用， 1⃣️颜色 （1）按类型分为：主题色和辅助色；主题色一般是品牌色，其他颜色统称为辅助色； （2）按用途分为：文字色、背景色和状态色（常态、点击态、不可点击）； 2⃣️图标/icon （1）图标尺寸：尺寸种类不用过多，尺寸用偶数 （2）图标端点：图标断线形式分为直角端点、圆角端点、出角端点 （3）图标转角：分为直角、圆角和斜角，保持规则统一 （4）图标网格系统：为保证图标图形
UI设计规范1⃣️视觉篇 | 颜色/图标的应用 起来吧，很难找全的！！ 本篇笔记讲述了颜色、图标、字体、阴影在UI界面设计中的应用， 1⃣️颜色 （1）按类型分为：主题色和辅助色；主题色一般是品牌色，其他颜色统称为辅助色； （2）按用途分为：文字色、背景色和状态色（常态、点击态、不可点击）； 2⃣️图标/icon （1）图标尺寸：尺寸种类不用过多，尺寸用偶数 （2）图标端点：图标断线形式分为直角端点、圆角端点、出角端点 （3）图标转角：分为直角、圆角和斜角，保持规则统一 （4）图标网格系统：为保证图标图形
UI设计规范1⃣️视觉篇 | 颜色/图标的应用 起来吧，很难找全的！！ 本篇笔记讲述了颜色、图标、字体、阴影在UI界面设计中的应用， 1⃣️颜色 （1）按类型分为：主题色和辅助色；主题色一般是品牌色，其他颜色统称为辅助色； （2）按用途分为：文字色、背景色和状态色（常态、点击态、不可点击）； 2⃣️图标/icon （1）图标尺寸：尺寸种类不用过多，尺寸用偶数 （2）图标端点：图标断线形式分为直角端点、圆角端点、出角端点 （3）图标转角：分为直角、圆角和斜角，保持规则统一 （4）图标网格系统：为保证图标图形
UI设计规范1⃣️视觉篇 | 颜色/图标的应用 起来吧，很难找全的！！ 本篇笔记讲述了颜色、图标、字体、阴影在UI界面设计中的应用， 1⃣️颜色 （1）按类型分为：主题色和辅助色；主题色一般是品牌色，其他颜色统称为辅助色； （2）按用途分为：文字色、背景色和状态色（常态、点击态、不可点击）； 2⃣️图标/icon （1）图标尺寸：尺寸种类不用过多，尺寸用偶数 （2）图标端点：图标断线形式分为直角端点、圆角端点、出角端点 （3）图标转角：分为直角、圆角和斜角，保持规则统一 （4）图标网格系统：为保证图标图形
UI设计规范1⃣️视觉篇 | 颜色/图标的应用 起来吧，很难找全的！！ 本篇笔记讲述了颜色、图标、字体、阴影在UI界面设计中的应用， 1⃣️颜色 （1）按类型分为：主题色和辅助色；主题色一般是品牌色，其他颜色统称为辅助色； （2）按用途分为：文字色、背景色和状态色（常态、点击态、不可点击）； 2⃣️图标/icon （1）图标尺寸：尺寸种类不用过多，尺寸用偶数 （2）图标端点：图标断线形式分为直角端点、圆角端点、出角端点 （3）图标转角：分为直角、圆角和斜角，保持规则统一 （4）图标网格系统：为保证图标图形
UI设计规范1⃣️视觉篇 | 颜色/图标的应用 起来吧，很难找全的！！ 本篇笔记讲述了颜色、图标、字体、阴影在UI界面设计中的应用， 1⃣️颜色 （1）按类型分为：主题色和辅助色；主题色一般是品牌色，其他颜色统称为辅助色； （2）按用途分为：文字色、背景色和状态色（常态、点击态、不可点击）； 2⃣️图标/icon （1）图标尺寸：尺寸种类不用过多，尺寸用偶数 （2）图标端点：图标断线形式分为直角端点、圆角端点、出角端点 （3）图标转角：分为直角、圆角和斜角，保持规则统一 （4）图标网格系统：为保证图标图形
UI设计规范1⃣️视觉篇 | 颜色/图标的应用 起来吧，很难找全的！！ 本篇笔记讲述了颜色、图标、字体、阴影在UI界面设计中的应用， 1⃣️颜色 （1）按类型分为：主题色和辅助色；主题色一般是品牌色，其他颜色统称为辅助色； （2）按用途分为：文字色、背景色和状态色（常态、点击态、不可点击）； 2⃣️图标/icon （1）图标尺寸：尺寸种类不用过多，尺寸用偶数 （2）图标端点：图标断线形式分为直角端点、圆角端点、出角端点 （3）图标转角：分为直角、圆角和斜角，保持规则统一 （4）图标网格系统：为保证图标图形
UI设计规范1⃣️视觉篇 | 颜色/图标的应用 起来吧，很难找全的！！ 本篇笔记讲述了颜色、图标、字体、阴影在UI界面设计中的应用， 1⃣️颜色 （1）按类型分为：主题色和辅助色；主题色一般是品牌色，其他颜色统称为辅助色； （2）按用途分为：文字色、背景色和状态色（常态、点击态、不可点击）； 2⃣️图标/icon （1）图标尺寸：尺寸种类不用过多，尺寸用偶数 （2）图标端点：图标断线形式分为直角端点、圆角端点、出角端点 （3）图标转角：分为直角、圆角和斜角，保持规则统一 （4）图标网格系统：为保证图标图形
APP设计规范4⃣️信息表单篇 | 步进器设计 起来吧，很难找全的！！ 本篇笔记讲述了UI设计中表单的设计规范 1⃣️单选复选 2⃣️开关/步进器 3⃣️数字输入框 4⃣️滑块 5⃣️选择器 6️⃣单行/多行文本框 【往期回顾】移步 @每天说设计 观看 1⃣️UI设计规范视觉篇 2⃣️UI设计规范UI栏篇 3⃣️UI设计规范导航栏篇 起来一起学习吧！ #ui设计  #设计  #ui设计规范  #移动端UI设计规范  #Android的ui设计规范沿  #ui设计规范  #UI自学教程  #UI设计师  #
APP设计规范4⃣️信息表单篇 | 步进器设计 起来吧，很难找全的！！ 本篇笔记讲述了UI设计中表单的设计规范 1⃣️单选复选 2⃣️开关/步进器 3⃣️数字输入框 4⃣️滑块 5⃣️选择器 6️⃣单行/多行文本框 【往期回顾】移步 @每天说设计 观看 1⃣️UI设计规范视觉篇 2⃣️UI设计规范UI栏篇 3⃣️UI设计规范导航栏篇 起来一起学习吧！ #ui设计  #设计  #ui设计规范  #移动端UI设计规范  #Android的ui设计规范沿  #ui设计规范  #UI自学教程  #UI设计师  #
APP设计规范4⃣️信息表单篇 | 步进器设计 起来吧，很难找全的！！ 本篇笔记讲述了UI设计中表单的设计规范 1⃣️单选复选 2⃣️开关/步进器 3⃣️数字输入框 4⃣️滑块 5⃣️选择器 6️⃣单行/多行文本框 【往期回顾】移步 @每天说设计 观看 1⃣️UI设计规范视觉篇 2⃣️UI设计规范UI栏篇 3⃣️UI设计规范导航栏篇 起来一起学习吧！ #ui设计  #设计  #ui设计规范  #移动端UI设计规范  #Android的ui设计规范沿  #ui设计规范  #UI自学教程  #UI设计师  #
APP设计规范4⃣️信息表单篇 | 步进器设计 起来吧，很难找全的！！ 本篇笔记讲述了UI设计中表单的设计规范 1⃣️单选复选 2⃣️开关/步进器 3⃣️数字输入框 4⃣️滑块 5⃣️选择器 6️⃣单行/多行文本框 【往期回顾】移步 @每天说设计 观看 1⃣️UI设计规范视觉篇 2⃣️UI设计规范UI栏篇 3⃣️UI设计规范导航栏篇 起来一起学习吧！ #ui设计  #设计  #ui设计规范  #移动端UI设计规范  #Android的ui设计规范沿  #ui设计规范  #UI自学教程  #UI设计师  #
同采自
xiaohongshu.com
该采集也在以下画板
加载更多
推荐给你的采集
采集
zcool.com.cn
Penry_Chen采集到灵感 - 表情/插画

郑州地铁票卡设计

1222

Penry_Chen 采集到
灵感 - 表情/插画
采集
长刺的年糕采集到引导页

明日之子 《大首发日》活动

100

长刺的年糕 采集到
引导页
采集
小牧童采集到banner设计

banner 金融

53

小牧童 采集到
banner设计
采集
image.flaticon.com
Dearcolour采集到扁平/插画

1343009.png (512×512)

20

Dearcolour 采集到
扁平/插画
采集
dribbble.com
暴走布布采集到UI-web

演示

2391

暴走布布 采集到
UI-web
该采集待公开
采集
zcool.com.cn
让我飞升采集到UI-特效

二次元界面UI风格|UI|游戏UI|波波大 - 原创作品 - ()

1

让我飞升 采集到
UI-特效
采集
weibo.com
今天的春雪采集到ui

#dribbble每日精选# Ivan Bobrov的多彩小动物LOGO 兔子

24

今天的春雪 采集到
ui
采集
夜色如水采集到活动专题

双十二

54

夜色如水 采集到
活动专题
采集
Y、Lisa酱采集到App.闪屏设计

1011

Y、Lisa酱 采集到
App.闪屏设计
采集
不文不问-wen采集到ui

818多嘴节 八一八那些美食的八卦

59

不文不问-wen 采集到
ui
采集
iguoguo.net
爱果果采集到酷站欣赏

It Will Glow - 爱果果

64

爱果果 采集到
酷站欣赏
采集
img.hb.aicdn.com
Χ_i__a采集到✿_WEB

dd48e1594d4931599495c493c6a2c65163ca1f227ba98...

44

Χ_i__a 采集到
✿_WEB
采集
uocook.com
木鱼泡泡采集到Icon - APP大图标

写实UI图标

14

木鱼泡泡 采集到
Icon - APP大图标
采集
乔莉拿起笔采集到运营-banner

五重礼banner @这样重这样轻 作品

72

乔莉拿起笔 采集到
运营-banner
采集
dribbble.com
TannerWe采集到App

1211

74

TannerWe 采集到
App
采集
25xt.com
莫楠德采集到ui app icon

抖音直播礼物UI设计欣赏

91

莫楠德 采集到
ui app icon
采集
龙小夜采集到【插图】APP加载页/启动页/引导页

#插画##闪屏##原创##节气##立夏##夏天# 大海 蓝天 闪屏 专题 http://w...

1051

龙小夜 采集到
【插图】APP加载页/启动页/引导页
采集
淑怡部屋采集到APP

天气界面

112

淑怡部屋 采集到
APP
采集
16sucai.com
bird-yan采集到icon区

简约线性图标设计矢量素材 - 素材中国16素材网

186

bird-yan 采集到
icon区