火星网校
我的设计成长笔记—第15篇(UI设计5)
发布时间：2024-04-01 17:52:19 浏览量：121次
UI设计5
2019年5月29日
今天是我距离30岁的倒数第289天
这里是我的设计成长笔记
—————————————————
命名
命名规范的好处有两个，一个是方便自己查阅修改，另一个是和前段交接会顺畅（因为有些中文字符、空格、特殊符号是不识别的，前段还需要自己手动修改），所以命名全部都是用英文字母、数字用下划线作为分隔。
通用的切面命名格式是：
组件_类别_功能_状态@2x.png
@2x是倍率 png是格式
例如：tab_icon_home_default@2x.png
收集整理的常用英文对照
- 控件
- 状态栏：Status bar （缩写：status）
- 导航栏：Navigation Bar （缩写：nav）
- 选项卡/标签栏：Tab Bar （缩写：tab/tabbar）
- 控制控件：Control
- 导航背景：Navigation Bar Background
- 返回： Back/Back
- 标题：Title
- 副标题：Subtitle
- 添加：Add
- 操作：Action
- 搜索栏：Search bar （缩写：searchbar）
- 菜单：Menu
- 收藏：Favorite
- 刷新：Refresh
- 汉堡菜单：Hamburger Menu
- 用户：Account
- 方向/控制：Direction
- 下一个：Next
- 上一个：Previous
- 文本格式：Text Formatting
- 事件列表：Events List
- 撤销：Undo
- 重做：Redo
- 添加页面：Add Page
- 旋转：Rotate
- 搜索栏：Search Bar
- 分段控件：Segmented Control
- 工具栏：Toolbar （缩写：toolbar）
- 滑块：Slider
- 滚动条按钮：Slider Bar Knob
- 滑块-活动段：Slider Bar - Active Segment
- 滑块-非活动段(也就是灰色部分)：Slider Bar - Inactive Segment
- 开关：Switch
- 关：Switch Off
- 开：Switch On
- 选择器：Picker
- 上拉菜单/操作列表：Action Sheet
- 横幅广告/横幅：Banner
- 警告提示：Alert
- 抬头显示器：HUD
- 页面控件：Page Controls
- 分页/分页器：Paginator/pagination
- 小红点/微标：Badge
- 表单：Table Cell
- 选择指示器：Selection Indicator
- 未选中的：Selection Indicator_Inactive
- 选中的：Selection Indicator_Active
- 头像：avatar
- 图像：image
- 图标：icon
- 文本标签：text label
- 菜单：menu
- 列表：list
- 按钮：button （缩写：btn）
- 横幅广告：banner
- 数字点选器：stepper、spinner、spin control
- 进度条：progress bar
- 搜索框：search box
- 背景：background、Bg
- 标签：tag
- 气泡：bubble
- 弹出窗口：popups
- 区块：block
- 数据：statistics
- 杂项：misc
- 功能区/选项：ribbon
- 警告弹窗：alert box
- 箭头：arrow
- 线条：line
- 水平分割线：horizontal rule、separator、line、HR
- 图表：chart
- 条形图：bar chart
- 复选框：checkbox
- 单选框：radio
- 面包屑导航：breadcrumbs
- 下拉列表：pulldown menu、dropdown list、select list
- 日期选择器：data chooser、data picker
- 日历：calendar
- 滚动条：scroll bar、slider
- 进度条：progress bar
- 大标题：headline、big title
- 标题：title
- 副标题：subtitle
- 单选按钮：radio button
- 对话框：window、dialog
- 网络摄像头：webcam
- 视频播放器：video player
- 标记：Markup、sign
- 图层：layer
- 链接：link
- 启动图片：default
- 登录：login
- 注册：logon/ Register
- 主页：home
- 设置：Settings
- 探索/发现：explore/discover
- 收藏夹：favorites
- 点赞：like
- 关注：follow
- 已关注：following
- 取消关注：unfollow
- 消息：message
- 消息发布：Comment/Checkin
- 通知：notice、notification
- 分享：share
- 页头：header
- 页脚：footer
- 图库：Image Browse
- 开机界面：Splash
- 过场界面：Walk though
- 用户指引：Coach Mark/User Guide
- 用户信息界面：User Profiles
- 详细信息界面：Detail View
- 新闻报道：Article
- 地图：Map
- 功能
- 添加：add
- 卸载：uninstall
- 安装：install
- 选择：select
- 默认：default
- 查看：view
- 搜索：search
- 更多：more
- 取消：cancel
- 删除：delete
- 暂停：pause
- 刷新：refresh
- 关闭：close
- 下载：download
- 继续：continue
- 发送：send
- 最小化：min
- 最大化：max
- 等待：waiting
- 导入：import
- 向前：forward
- 重新开始：restart
- 后退：back
- 更新：update
- 播放：play
- 蒙版：mask
- 状态
- 正常：normal
- 按下：pressed
- 选中：selected
- 点击：highlight
- 禁用：disabled
- 已访问：visited
- 错误：error
- 完成：complete
- 空白：blank
- 悬停：hover
插播
除了设计稿命名版本迭代也有相对应的命名规范
例如app软件的版本阶段alpha版、beta版、rc版、release版
软件版本号有四部分组成：<主版本号.><子版本号>.<阶段版本号>.<日期版本号加希腊字母版本号>。希腊字母版本号共有5种：base、alpha、beta、RC、Release。 例如：1.1.1.161109_beta 通常，完全的版本号定义，分三项： <主版本号.><子版本号>.<阶段版本号>, 1.1.0
命名梳理完成后，设计规范的阶段就暂时告一段落了（切图规范部分放到开发实现阶段），下一篇梳理交互规范
好，就酱～拜拜
更多精彩就关注 jam吉马的成长笔记
——————————————————————
文中涉及相关链接
https://www.uisdc.com/slice-rename-in-ui-design
https://blog.csdn.net/gao_chun/article/details/72417127
热门课程推荐
热门资讯
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
2. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
那么,要学习UI设计就要学习哪些课程呢? 其实,UI设计课程涉及到许多领域,一般分为艺术设计课程、设计辅导课程、图形课程、测试课程、动画示范课程等几...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
7. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
-
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程，以及培训后的职业发展机会。
-
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
-
1、PSCC—首选项，选择界面颜色
最新文章
