Sketch(四)——综合案例

最新推荐文章于 2024-04-07 20:52:43 发布
最新推荐文章于 2024-04-07 20:52:43 发布
阅读量881 收藏
点赞数 1
分类专栏： 支线 文章标签： sketch案例 sketch 设计 sketch界面设计 移动设计
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Xue_zenghui/article/details/99999116
版权
本篇博客详细介绍了如何使用Sketch进行一个综合界面设计，包括安装组件库和iconfont插件，创建iPhone XS画板，设置背景图，添加字体图标，应用Sketch Material插件制作卡片效果，以及填充头像、添加名字、简介等内容。通过快捷键和插件的高效利用，提升设计效率。
摘要由CSDN通过智能技术生成

效果展示

在这里插入图片描述

准备工作

1. 安装IOS UI design组件库
  • 打开Sketch的偏好设置➡️组件库➡️下载安装
2. 安装iconfont插件
  • 没有此插件和iconfont字体几乎所有iconfont都会在Sketch中显示为问号
  • 插件库中搜索iconfont➡️点击What is a font bundle➡️下载压缩包➡️安装tff-files文件夹中所有字体

?视频教程：Sketch安装iconfont字体

步骤详解

1. 添加iphone XS画板，结合Runner➡️Insert➡️iphoneXS+status插入iphone屏幕和信号栏

在这里插入图片描述

2. 画矩形置于最下层
最低0.47元/天 解锁文章
筝非
关注
专栏目录
SketchUp：SketchUp草图大师经典案例之利用推拉工具实现对齐高度图文教程
走向CTO之路
01-04 1972
SketchUp：SketchUp草图大师经典案例之利用推拉工具实现对齐高度图文教程 目录 图文教程 图文教程 双击可自动应用上一步的参数；比如拉伸同样高度，形成同样深度的孔；
App界面设计利器Sketch 精选案例合集
xuefeiweng的博客
03-15 966
第1章 课程介绍 主要介绍课程的安排及你将学到哪些使用技巧 第2章 sketch 实例及相关工具 本节课你将学到钢笔工具的使用、渐变及填充、投影的使用，体会并观察实际中物品的光影与材质；模糊工具、栅格化工具、辅助线的应用，体会到界面排版及构图的重要及页面设计中存在的节奏感；剪切蒙版的使用和两种添加方式，体会到选图之于设计的重要性；切图工具使用技巧，体会团队配合中沟通的重要性；symbol模版工具...
Sketch实例教程：制作一个时钟
Macxiaz的博客
09-04 936
Sketch是一款为设计师量身定做的优美界面和强大工具兼有的专业绘图工具。制作出漂亮的图形是一件很有挑战性的事情，你所需要的是一款精心设计的应用 程序。此次小编带大家Sketch实例教程： 制作一个时钟。 1、打开sketch，新建一个Artboard（800x800），为了制作教程，所以我先做了一个背景，我们真的在制作图表时，其实不用考虑背景，也不需要做这么大分辨率的，多大分辨率sketch有...
Sketch实例教程： 画一个萌萌哒的大白
llhf688的博客
08-23 494
Sketch Mac能够满足网页、用户界面、图标等的设计需求，是一款为设计师量身定做的优美界面和强大工具兼有的专业绘图工具，同时Sketch也是一款为设计师量身定做的优美界面和强大工具兼有的专业绘图工具。可以制作出漂亮的图形是一件很有挑战性的事情，你所需要的是一款精心设计的应用 程序。此次小编带大家了解基本功能使用方法。 印象最深刻的就数电影《超能陆战队》了，片中的Baymax让人印象尤为深刻...
CC00022.spark——|Hadoop&Spark.V10|——|Spark.v10|sparkcore|算子综合案例&计算圆周率|
yanqi_vip
04-12 202
一、算子综合案例：计算圆周率：计算圆周率说明 二、编程代码实现 ### --- 编程代码实现 package cn.yanqi.sparkcore import org.apache.spark.{SparkConf, SparkContext} import scala.math.random object SparkPi { def main(args: Ar...
CC00023.spark——|Hadoop&Spark.V11|——|Spark.v11|sparkcore|算子综合案例&广告数据统计|
yanqi_vip
04-12 213
一、算子综合案例：广告数据统计 ### --- 广告数据统计 ~~~ 数据格式：timestamp province city userid adid 时间点 省份 城市 用户 广告 ### --- 广告数据统计案例需求 ~~~ 需求： 1、统计每一个省份点击TOP3的广告ID 2、统计每一个省份每一个小时的TOP3广告ID 二、广告数据统计说明 ###...
社交聊天应用界面设计UI主题包_sketch素材下载.zip
12-28
Sketch等专业设计工具的使用，以及参考成熟的案例如微信，都能够为我们的设计工作带来极大的便利。通过不断的迭代和优化，我们能够打造出既美观又实用的社交聊天应用界面，满足用户的期待，提升产品的市场竞争力。
设计师必备丛书之——基础
03-02
这套"设计师必备丛书之——基础"可能会涵盖从设计基础知识到实际操作技巧的广泛内容，旨在全面提升设计师的综合能力。无论是刚刚入门的新手还是希望深化理解的老手，都可以从中受益匪浅。通过系统地学习和实践，设计...
100多个好看的APP原型设计界面图_sketch素材下载.zip
12-28
100多个好看的APP原型设计界面图.sketch素材下载 APP原型图、sketch、界面设计源文件
导出器：一个Sketch插件，可将Sketch画板导出到可点击HTML文件中
02-06
导出器：一个Sketch插件，可将Sketch画板导出到可点击HTML文件中
sketch IOS UI组件库
04-30
Sketch IOS UI组件库，安装即可自动加载到Sketch中，省去自己建库的时间。
不能错过的Sketch实用新技巧和资源集锦
weixin_33675507的博客
08-18 238
Sketch是一款基于Mac的矢量绘图应用。面对着功能复杂繁琐的photoshop，Sketch相比较而言身轻如燕。最近也掀起了用Sketch设计产品原型的热潮，因为用它来画设计稿简直轻而易举，相比于Axure它有更丰富的组件库和更全面的尺寸控制，让我们的原型图更逼真，更有利于交流和前期的展示。 作为目前产品...
Sketch图标设计和界面设计
weixin_33853827的博客
06-27 103
2019独角兽企业重金招聘Python工程师标准>>> ...
深度探索Sketch：功能、历程、替代软件及技巧一览
sky768872的博客
04-07 1084
Sketch 它是一个适合所有设计师的矢量绘图应用程序。矢量绘图也是设计网页、图标和界面的最佳方式。但除了矢量编辑的功能外，我们还增加了一些基本的位图工具，如模糊和颜色校正。
sketch设计不得不知道的五个高级功能
励志做最业余的专业博主，控件产品可以私我~
08-26 619
在以前的PS时代，拉伸是属于破坏性的一种操作，我们在遇到样式一样、宽度不一样的组件时，只能重新建立一个新组件，这就造成了样式重复。其实Library可以简单地理解为一个UI规范，这个UI规范定义了项目的颜色、文字、图标以及各种组件，我们在设计的同时需要严格遵守和调用，这样才能保证一个项目具有一个完整的、统一的视觉语言。Sketch 是为图标设计和界面设计而生的。举个例子，一个图标需要不同的状态颜色，按照传统的做法，我们需要制作图标1、图标2、图标3等Symbol，这样会造成组件的重复，维护起来非常不方便。.
Sketch是免费软件吗？这款软件支持导入！
最新发布
haishao520的博客
04-07 1369
Sketch 是一款针对网页、图标、插图等设计的矢量绘图软件。Sketch 的操作界面非常简单易懂，帮助全世界的设计师创作出许多不可思议的作品。但是同时，Sketch 也有一些痛点：使用 Sketch 需要安装 InVision、Abstract 、Zeplin 等插件，需要安装客户端且不能在 Mac 以外的系统中使用，必须手动存储和传输文件...Sketch 是免费软件吗？Sketch 的订阅版作为海外设计软件，每月需要支付 9 美元。此外，产品经理、设计师和开发人员正在使用它。
Sketch矢量绘图应用详解
"Sketch中文用户手册.pdf" Sketch是一款专为图标设计和界面设计打造的矢量绘图软件，具有直观易用的界面和丰富的设计功能。它不仅提供了矢量编辑工具，还包含了一些基本的位图处理功能，如模糊和色彩校正。Sketch的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值