所有分类
  • 所有分类
  • 未分类
【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

我们在做设计的时候,经常会忘记某个控件的名称,比如心中知道某个控件的形态,却不知道如何称呼,所以今天给大家整理了设计规范中的一些控件合集,清...

我们在做设计的时候,经常会忘记某个控件的名称,比如心中知道某个控件的形态,却不知道如何称呼,所以今天给大家整理了设计规范中的一些控件合集,清晰明确的叫出某个控件的名称,也是一种专业性的体现~

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

1. 状态栏 Status Bar/导航栏 Navigation Bar/标签栏 Tab Bar

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

2. 工具栏 Toolbars

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

?ios系统样式

3.搜索栏Search Bar

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

4. 浮层弹框/气泡弹出框/浮出框Popover

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

5. 编辑菜单 Edit Menu

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

6. 工具提示/文字提示 Tooltips

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

?常见网页端悬停状态

7. 溢出菜单 Overflow Menu

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

?安卓样式

8. 对话框Dialog/Alerts + 遮罩/蒙版 Mask

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

?系统样式

9. 吐司提示/弹出式提示 Toast

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

10. HUD

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

?ios音量调节提示样式

11. 动作菜单(动作栏) Action Sheet/Activity View

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

?ios系统样式

12. 通告栏 Notification Bar/Notice Bar

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

13. Snackbar

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

?属于安卓控件

14. 输入框/文本框Text Fields

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

15. 列表List

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

16. 表单页眉页脚 Table View Header and Footer

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

17. 开关Switch

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

?开关颜色可修改

18. 步进器Stepper

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

19. 选择器/拾取器Picker

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

?单列选择器 iOS样式

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

?日期选择器 Date Picker

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

?时间选择器 TimePicker

20. 页面指示器Page Indicator/Page Controls

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

?ios系统样式

21. Home指示器/Home条 Home Indicator

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

?iPhone X系统样式

22. 滑块Slider

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

?ios系统样式,也可自定义样式

23. 进度条Progress

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

?ios系统样式

24. 字母索引导航 A-Z Index Scroller

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

这种控件一般出现在页面右侧,点击字母可以快速找到字母对应内容的位置;

25. 分段控件Segment Controls

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

?ios系统样式

26. 标签 Tabs

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

?来自安卓系统样式,现在ios也适用

27. 卡片 Cards

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

28. 小红点/徽标/徽章Badge

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

29. 加载占位图 Skeleton Screen

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

30. 按钮Button

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

?按钮各种状态

31. 悬浮按钮Floating Action Button

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

Material Design中的一种设计语言,现在iOS内也会使用,常置于页面右下角,这种设计有利有弊,谨慎使用;

32. 键盘/软键盘/虚拟键盘 Keyboard/SoftKeyboard/ VirtualKeyboard

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

33. 单选按钮Radio Button

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

34. 复选框Checkbox

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

35. 九宫格Grid

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

36. 页脚Footer

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

以上,欢迎留言补充~

参考链接:

https://zhuanlan.zhihu.com/c_87416856?utm_source=wechat_timeline&utm_medium=social&utm_member=ZWQwOWUyMmRmM2ZiNTlhODZhNGJmZjNhNmZkOGYwM2Q%3D%0A&from=timeline&isappinstalled=0

本文由@Eason张UED 整理编辑(公众号Eason张UED) 发布。


ARTUI 2019年1月份精品小班学员招募中

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院 最后2个名额【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

开班信息

  • 开班时间:2019年1月中下旬

  • 学习方向:UI设计/产品&交互设计

  • 课程时长:3个月

报名&咨询

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

长按二维码添加【小U】微信咨询&报名

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

原文始发于微信公众号(ARTUI用户体验设计中心):【分享】作为UI设计师,这些控件你都认识吗?——ARTUI用户体验设计学院

原文链接:https://www.uiya.cn/9022.html,转载请注明出处。

0
分享海报

评论0

没有账号? 注册  忘记密码?