〖课程介绍〗:
随着移动端设计的行业趋势演进,Sketch 这类轻量型软件,成为越来越多设计师的选择。本课程基于此情况,采用基础理论与实战案例相结合的教学方式,由浅入深,增进大家对Sketch的认识,让大家在实际工作中更加得心应手。

〖课程目录〗:
第1章 课程介绍1 节 | 9分钟
主要介绍课程的安排及你将学到哪些使用技巧
收起列表
视频:1-1 课程介绍 (08:02)
第2章 sketch 实例及相关工具 试看17 节 | 216分钟
本节课你将学到钢笔工具的使用、渐变及填充、投影的使用,体会并观察实际中物品的光影与材质;模糊工具、栅格化工具、辅助线的应用,体会到界面排版及构图的重要及页面设计中存在的节奏感;剪切蒙版的使用和两种添加方式,体会到选图之于设计的重要性;切图工具使用技巧,体会团队配合中沟通的重要性;symbol模版工具的使用…
收起列表
视频:2-1 Outline风格icon作品(上) (16:06)
视频:2-2 Outline风格icon作品 (17:33)
视频:2-3 渐变色 (05:59)
视频:2-4 阴影 (02:06)
视频:2-5 拟物化徽章绘制实例 (19:01)
视频:2-6 模糊工具 (01:31)
视频:2-7 插画实例(上) (18:02)试看
视频:2-8 插画实例(下) (13:49)试看
视频:2-9 一款电商H5页面的设计实例(上) (12:27)
视频:2-10 一款电商H5页面的设计实例(下) (19:08)
视频:2-11 海报设计中的字体选用(1) (11:21)
视频:2-12 海报设计中的字体选用(2) (11:44)
视频:2-13 如何交付设计好的界面(1) (12:26)
视频:2-14 如何交付设计好的界面 (14:21)
视频:2-15 即时通讯界面实例(1) (08:23)
视频:2-16 即时通讯界面实例(2) (15:20)
视频:2-17 Resize自动尺寸适用功能 (16:19)
第3章 sketch在工作中实用技巧3 节 | 19分钟
你将学到Sketch预制了哪些界面尺寸,以及ios、android的设计规范,ppi、dpi、sp、pt、dp等单位的区别;图层的整理、隐藏及锁定,学到如何管理设计版本方便后续修改和协作;sketch的新特性以及如何创建和维护一套设计规范
收起列表
视频:3-1 熟悉各平台的设计规范 (06:37)
视频:3-2 在手机端实时预览你的作品 (03:37)
视频:3-3 sketch新特性Libraries的使用 (08:05)
第4章 sketch功能拓展3 节 | 31分钟
本章节你将学到sketch plugin插件扩展,了解不断出现好玩的工具学习新的插件使用;自动标注神器,分分钟解放双手;craft的使用特性:如何快速复制元件、填充文本、填充图片;以及图标字体的使用技巧,常用图标不再需要绘制
收起列表
视频:4-1 sketch measure+zeplin自动标注工具 (11:57)
视频:4-2 Craft自动填充工具_音频.mp4 (13:12)
视频:4-3 iconfont图标字体插件 (04:53)
第5章 美食APP“Muru”综合实战12 节 | 113分钟
本章节将结合前面所学的知识,综合练习美食APP“Muru”案例,将知识点融入实际操作中,让你的技能更加纯熟
收起列表
视频:5-1 案例简介 (03:10)
视频:5-2 确认设计规范 (09:49)
视频:5-3 icon绘制 (15:11)
视频:5-4 状态栏与底部tab (12:02)
视频:5-5 标题栏navgation bar (07:28)
视频:5-6 首页主体区块搭建 (07:34)
视频:5-7 首页甜点模块内容填充 (08:09)
视频:5-8 首页最受欢迎菜品模块内容填充 (11:14)
视频:5-9 登录界面 (11:13)
视频:5-10 商品详情页 (04:22)
视频:5-11 弹出窗口-菜单栏(1) (15:05)
视频:5-12 弹出窗口-菜单栏(2) (06:55)
第6章 课程总结1 节 | 9分钟
本章主要总结课程涉及到的技能点以及技巧
收起列表
视频:6-1 课程总结 (08:15)
〖视频截图〗:

有需要联系v;加客服窗口的联系方式
摘要:随着移动互联网的快速发展,App界面设计成为用户体验的关键。Sketch作为一款强大的App界面设计工具,凭借其易用性和灵活性,深受设计师喜爱。本文将围绕Sketch精选案例合集,从界面布局、色彩搭配、交互设计和图标设计四个方面进行详细阐述,旨在为设计师提供灵感和参考。
1、界面布局
界面布局是App设计的基础,合理的布局能够提升用户体验。在Sketch精选案例中,我们可以看到许多优秀的布局设计。例如,某电商App采用了上下分栏式布局,顶部为导航栏,底部为功能栏,中间为商品展示区域。这种布局简洁明了,便于用户快速找到所需功能。
此外,还有一款社交App采用了卡片式布局,将内容以卡片形式呈现,既美观又便于用户浏览。这种布局在信息量较大的App中尤为适用,能够有效提升用户阅读体验。
在界面布局方面,设计师还需注意留白和层次感。适当的留白可以使界面更加清爽,层次感则有助于用户快速识别信息。
2、色彩搭配
色彩搭配是App界面设计的重要环节,合适的色彩能够提升视觉冲击力。Sketch精选案例中,许多App采用了简洁的色彩搭配,如黑、白、灰等中性色调,既时尚又易于搭配。
例如,某新闻App以黑色为主色调,搭配白色和灰色,营造出专业、严谨的氛围。而一款儿童教育App则采用了明亮的色彩,如蓝色、绿色和黄色,吸引孩子们的注意力。
在色彩搭配方面,设计师还需注意色彩与品牌形象的契合度,以及色彩对用户情绪的影响。
3、交互设计
交互设计是App设计的灵魂,良好的交互设计能够提升用户体验。Sketch精选案例中,许多App采用了新颖的交互设计,如手势操作、动画效果等。
例如,某音乐App采用了滑动切换歌曲的交互方式,用户只需轻轻一滑,即可切换到下一首歌曲。这种交互方式既方便又有趣,提升了用户体验。
此外,还有一款购物App采用了3D旋转展示商品的交互设计,让用户能够全方位了解商品。这种交互方式在提升用户体验的同时,也增加了App的趣味性。
4、图标设计
图标设计是App界面设计的重要组成部分,优秀的图标能够提升App的整体质感。Sketch精选案例中,许多App采用了简洁、易识别的图标设计。
例如,某天气App的图标以太阳和云朵为元素,简洁明了地表达了天气信息。而一款运动App的图标则以跑步鞋和计时器为元素,直观地传达了运动主题。
在图标设计方面,设计师还需注意图标与App功能的关联性,以及图标在不同尺寸下的可识别性。
总结:
本文从界面布局、色彩搭配、交互设计和图标设计四个方面,对Sketch精选案例合集进行了详细阐述。通过分析这些优秀案例,我们可以了解到App界面设计的关键要素,为设计师提供灵感和参考。
在今后的App界面设计中,设计师应注重用户体验,结合自身品牌特点,打造出独具特色的App界面。
本文由nayona.cn整理
联系我们

关注公众号

微信扫一扫
支付宝扫一扫
