专栏介绍
关于我
- 背景：二本工业设计，自学UI设计，五年薪资翻6倍；
- 行业：医疗和企业服务方向，偏B端；
- 自媒体：小红书万粉博主。
关于本专栏
写专栏是因为市面上的UI培训班太贵了，学的范围太广了，网上信息太多新人找不到有效学习路径，没有工作机会不知道怎么上下游协作，这几年自学的痛苦...
计划更新100篇，2025春节前更完。
【80% 设计知识】 + 【20% 个人成长】
80%设计经验：设计基础 + 移动端/网页端组件 + 设计思考与方法
20%个人成长：认知提升 + 自媒体经验 + 未知
这个专栏比较特殊，不是很高大上的理论，会有很大篇幅写移动端和网页端的组件，但侧重结合个人经验写踩过的坑和设计注意事项。分享实用设计经验、培养独立思考能力、普通人自救指南，希望我的经验能给有参考价值。
* 适合2年以下经验UI设计师，入门和建立系统认知，大佬不建议订阅~
全部内容目录
#资料
#设计基础
#UI入门与提升
#移动端规范
023 - 移动端通用组件：页脚（Footer）
024 - 移动端导航组件：导航栏（NavBar）
025 - 移动端导航组件：标签栏 （TabBar）
026 - 移动端导航组件：侧边导航 （SideBar）
027 - 移动端导航组件：索引 （IndexBar）
028 - 移动端导航组件：宫格 （Grid）
029 - 移动端导航组件：标签页 （Tabs）
030 - 移动端导航组件：步骤条 （Steps）
031 - 移动端导航组件：下拉菜单 （DropdownMenu）
032 - 移动端导航组件：上拉菜单/动作面板 （ActionSheet）
033 - 移动端导航组件：气泡弹出框 （Popover）
034 - 移动端数据录入：输入框（Input）
035 - 移动端数据录入：基础选择器（Picker）
036 - 移动端数据录入：级联选择器 （Casader）
037 - 移动端数据录入：时间选择器 （DatetimePicker）
038 - 移动端数据录入：日历选择器 （Calendar）
039 - 移动端数据录入：分类分组选择器 （TreeSelect）
040 - 移动端数据录入：步进器（Stepper）
041 - 移动端数据录入：开关 （Switch）
042 - 移动端数据录入：上传 （Upload）
043 - 移动端数据录入：选择框 （Radio&Checkbox）
044 - 移动端数据展示：头像（Avatar）
045 - 移动端数据展示：徽标（Badge）
046 - 移动端数据展示：遮罩（Overlay）、图片（Image）、轮播（Swiper）
047 - 移动端数据展示：进度条（Progress）
048 - 移动端数据展示：标签（Tag）
049 - 移动端数据展示：折叠面板（Collapse）
050 - 移动端数据展示：空状态 （Empty）
051 - 移动端数据反馈：对话框 （Dialog）
052 - 移动端数据反馈：轻提示（Toast）
053 - 移动端数据反馈：公告 （NoticeBar）
#B端后台规范
054 - B端设计：基础认知
055 - B端设计：规范有什么用
056 - B端设计：不同页面导航的优劣势
057 - B端通用组件：按钮（Button）
058 - B端导航组件：标签页（Tabs）
059 - B端导航组件：页头（PageHeader）
060 - B端导航组件：面包屑（Breadcrumb）
061 - B端导航组件：分页（Pagination）
062 - B端导航组件：下拉菜单（Dropdown）
063 - B端导航组件：步骤条（Steps）
064 - B端数据录入：输入框 （Input）
065 - B端数据录入：选择器（Select）
066 - B端数据录入：级联选择器（Cascader）
067 - B端数据录入：日期选择器（DatePicker）
068 - B端数据录入：时间选择器（TimePicker）
069 - B端数据录入：单选（Radio）
070 - B端数据录入：复选（Checkbox）
071 - B端数据录入：开关 （Switch）
072 - B端数据录入：上传（Upload）
073 - B端数据录入：穿梭框（Transfer）
074 - B端数据录入：表单（Form）
075 - B端数据展示：遮罩（Overlay）
076 - B端数据展示：空状态（Empty）
077 - B端数据展示：表格（Table）
078 - B端数据展示：标签（Tag）
079 - B端数据展示：进度条（Progress）
080 - B端数据展示：统计数值（Statistic）
081 - B端数据展示：头像（Avatar）
082 - B端数据展示：标记（Badge）
083 - B端数据展示：结果（Result）
084 - B端数据展示：树状控件（Tree）
085 - B端数据展示：时间轴（Timeline）
086 - B端数据反馈：公告（Alert）
087 - B端数据反馈：对话框（Dialog）
088 - B端数据反馈：消息提醒（Message）
089 - B端数据反馈：通知（Notification）
090 - B端数据反馈：文字提示（Tooltip）
091 - B端数据反馈：弹出框（Popover）
092 - B端数据反馈：气泡确认框（Popconfirm）
#个人成长
093 - 自媒体经验心得
定价：
- 感恩价，永久29.9元。
知识星球：
(｡･∀･)ﾉﾞ读者你好，加我一下
(｡･∀･)ﾉﾞ嗨，没在群里的读者朋友们，可以加我微信领取9.99红包~
最近搞轻创业去了有点忙不过来，这个专栏最近会更新的慢一点，原计划也是写到30岁哈哈哈哈哈，不会鸽的，要给自己......
022 - 移动端通用组件：搜索（Search）
预警：这篇内容有点多~
一、搜索的重要性
二、搜索的设计要点
👉 2-1 搜索前 —— 3种常见搜索入口形式
2-1-1 放在标题栏......
021 - 移动端通用组件：弹出层（Popup）
一、什么是弹出层
弹出层（Popup）是一种在页面上方展示的容器。
根据方向可以：上、下、左、右、中。
对应在现实页......
020 - 平面转UI / 找工作可以看这篇
最近帮一个小伙伴看作品集，他是平面设计想转UI，放了两个App是虚拟项目。
写这篇文章详细记录一下我发现的问题，作品集要注意什么，分析平面和UI工作有什么差异，转行的难点有什么，可以......
019 - 移动端通用组件：单元格（Cell）
我回来更新了朋友们~
身边朋友都在失业，一度纠结更新这个专栏的必要性。
没想到最近还有转行萌新找我看作品集，那还是写完吧，能帮一个是一个🤣
018 - 移动端通用组件：分割线（Divider）
文章结构：分割线说明、分割线作用、分割线设计要点。
分割线看起来无足轻重，但合理分割线可以大大增加画面精致度；
本文结合案例和实际工作经验，介绍一些分割线使用场景、以及为......
017 - 移动端通用组件：按钮（Button）
按钮是一个基本通用组件，用于触发一个动作。
本文介绍按钮在界面设计中一些注意事项，分为尺寸、状态、样式三部分。
一、按钮尺寸
按钮......
016 - 如何提升图标设计能力
这段时间我又意识到了一件事，比知识本身更重要的是实践。网上可以搜到很多基础知识，这篇我会从工作和学习角度分享——如何提升图标设计能力。
我们设计图标一般会遇到的问题：
015 - 移动端间距怎么调
前言（注意事项）
① UI设计中间距建议使用8的倍数，但是不是强制的；
② 可以在画页面的同时记录一下，你都使用哪些间距了，方便同步给开发。
一......
014 - 移动端阴影设计细节
文章结构：
UI设计风格演变 → 阴影有什么用 → UI界面中的阴影使用 → 临摹素材
一、UI设计风格演变
① 拟物化设计（Skeuomorp......
去【 小报童 】查看专栏详情