【UI技法实训】Sketch-从0到1的项目实战

虎课网-专注职业教育

拖动LOGO到书签栏，立即收藏虎课网

软件入门

课程专辑

以点破面专精学习

文章 / 软件下载

行业动态下载软件

作品/IP合作

赏析作品 IP赋能商业

超职套课

海量好课单套购买

优质讲师

变得和他们一样优秀

虎课APP

APP下载

AI智能抠图

2步搞定抠图

企业VIP

了解更多>企业VIP尊享特权

主账号管理

多人团队协作必备

学习内容管理NEW

及时了解学习进度

报销无忧

正规发票极速开票

专属客服服务

反馈优先响应

开通企业VIP

助力企业打造全方位的新职业人才

HOT 个人VIP

当前位置：首页 > UI设计 > 【UI技法实训】Sketch-从0到1的项目实战

按住画面移动小窗

免费每天学1节

加入专辑收藏

记笔记

讲师：EthankDesign

关注人数：40557

关注

AI助教课程信息目录

发表评论（可获得虎课币）

图文教程学员互动 (97)

1.本节课主要内容【如图所示】。

2.首先大家先了解一下【概念稿】与【工作项目】之间有什么差别【如图所示】。

3.我们在开始制作页面之前呢，可以先寻找一些参考，包括在线上作品，现实图库中寻找都是可以的，在绘制图标的时候要注意背景板，图标形状和一些细节的调整【如图所示】。

4.通过参考线上产品呢，我们可以了解到图标的【外环尺寸】，【内环尺寸】，这两个尺寸大小的数值呢，是符合【黄金比例】的0.618的数值的【如图所示】。

5.现实图库参考呢，我们可以根据文案内容，找到符合文案的东西，然后通过绘制抽象的把它表现出来【如图所示】。

6.关于设计样式参考呢，主要的表现手法有【环境色微渐变】、【图标弥散投影】、【背景板点缀】三个步骤【如图所示】。

7.背景板的绘制我们要先创建一个形状作为背景然后进行填充，对内外环进行区分，可以使用一些微渐变的效果来提高视觉效果【如图所示】。

8.我们可以在【Sketch】中先绘制一个圆，然后填充一个颜色，用【渐变工具】对圆形进行渐变，如果渐变的效果太大了，我们可以通过复制一层然后旋转180度覆盖上去来中和一下简便的效果【如图所示】。

9.我们在对图标进行绘制的时候呢，要注意图标的【辨识度】和【美观度】，同时也要保证图标的【预见性】，让用户看到这个图标之后能够直观的了解到这个图标所代表的含义【如图所示】。

10.这里给大家总结出了图标的整个设计流程的步骤拆分【如图所示】。

换一批

为你推荐

虎课网为您推荐【UI技法实训】Sketch-从0到1的项目实战视频教程、图文教程、素材源文件下载，学员课后练习、作品以及评价等内容。【UI技法实训】Sketch-从0到1的项目实战教程讲师：EthankDesign，使用软件：Sketch 52.0，难度等级：中级拔高，视频时长：36分00秒查看全部