App界面设计利器Sketch 精选案例合集

如何自学 占星术 占星教程网盘 塔罗牌教程百度网盘

〖课程介绍〗:

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

App界面设计利器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)

〖视频截图〗:

App界面设计利器Sketch 精选案例合集

       

有需要联系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整理

点击联系需要东西方神秘学学习资料,专业的咨询

只要网页介绍资料,全部都有,还有很多还没来得及更新
每天更新200-300款资料
全网最大最全的神秘学资料平台
请需要什么资料,直接在对话框直接联系我,24小时在线,方便快捷
请需要什么资料,直接在对话框直接联系我,24小时在线,方便快捷
请需要什么资料,直接在对话框直接联系我,24小时在线,方便快捷
有看中网站记得联系我
图片2            

联系我们

图片2

关注公众号

打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
道光内邱县志(一、二册).pdf下载
上一篇 2026年6月29日 下午10:28
咸丰初续献县志(全).pdf下载
下一篇 2026年6月29日 下午10:29
易学资料

对占星塔罗感兴趣关注公众号

相关推荐