

知知投稿者
-
Resizing 智能缩放
Sketch提供了Resizing的功能。从基础结构来看仅有6个选项,可以通过不同的组合来实现更多基础适配方式,而在此基础上还可以搭配一些嵌套规则来实现更多的适配效果。 这种功能可…
-
组件分类
UI中组件的归类通常分为四种:原生组件、扩展组件、自定义组件、封装组件。 原生组件,顾名思义就是系统本身自带的组件类型,例如按钮、导航、弹窗等等。 扩展组件,是基于原有组件基础,进…
-
Sketch组件库
1、配色 这个是很重要的部分。如果已经有成型的产品,可以从产品中总结配色,如果没有的话,还是要根据公司业务拼装几个典型页面来检查你的配色,再制定配色规范。 可以参考antdesig…
-
交互设计菲茨定律
菲茨定律背景 1954年保罗·费茨博士,对人类操作过程中的运动特征、运动时间、运动范围和运动准确性进行研究之后,提出这一定律。该定律被用来预测从任意一点到目标中心位置所需时间的数学…
-
个人中心
1.个人中心是什么 个人中心是最常用且重要板块之一,通常放在底部tab的最后一个。 命名为“我”“我的”,他是展示个人信息和个人相关功能的版块,具有私密性,仅限本人可以看到,如个人…
-
px pt单位区别
px就是表示pixel,像素,是屏幕上显示数据的最基本的点;px:pixel,像素,屏幕上显示的最小单位,用于网页设计,直观方便; pt就是point,是印刷行业常用单位,等于1/…
-
UI设计思路
一款产品的背后,往往承担着要养活公司里数百个数千个员工的责任,甚至是依靠这个产品谋生的社会产业链上的成千上百万的庞大人群。它身上是需要背负着一定的商业价值在里面的。 如果设计一款产…
-
应用图标表现形式
一、单色图标 单色图标通常会以品牌色为主,背景有颜色,或图形有颜色,可以很好地突出品牌色,同时便于主体图形的视觉突出。虽然图标很简洁且识别性强,但是单色图标容易单调,可以运用其他设…
-
应用图标的设计原则
1.识别性 识别性是一个应用图标应该具备的最基本的特性,这里的可识别性主要从两个方面来讲: 一是图标要易于理解,应用图标代表的是一个产品的属性和功能作用。优秀的应用图标应该能够让用…
-
gif、png、jpg、webp、svg、tiff、bmp诸图片格式的优缺点和主要用途
一、gif 优点:文件小,支持动画、透明,无兼容性问题 缺点:只支持256种颜色 主要途径:色彩简单的logo、icon、动图 二、jpg 优点:色彩丰富,文件小 缺点:有损压缩,…
-
UI设计的8个技巧
一、如果文本看起来很沉重,将颜色变浅 例如类似深灰色(#4F4F4F),更容易辨识。 二、字体越小,行高越大 例如:主标题字体大小:36px,行号:46px(行间距+10) 副标题…
-
常用切图命名及输出
切图格式 PNG:常用的切图格式为PNG,因为PNG体积小,可最大程度减少安装包大小,支持透明效果,支持投影、渐变等样式,素材清晰无损。 JPG:不支持透明效果,一般用于banne…
-
设计稿问题避雷
一、设计稿文字图片不要一样 图和文字好好编辑,有时限的时候,哪怕图可以丑一点,但一定要保证不一样的内容。 二、别用其他组件代替 不要为了省事用其他平台组件代替。会出现情况:有时嘱咐…
-
如何用PS制作天空新效果
首先打开一张素材图 用快速选择工具选出天空 Ctrl+J将选区复制出来 然后,我们将另外一张天空,复制进来 Ctrl+T执行自由变换调整好图层的位置,然后Ctrl+Alt+G键建立…
-
关于UI改版的前期后期
一、前期研究 目的体现在三个方面:一提炼视觉特征。二归纳总设计流行趋势,把握设计潮流。三梳理上一版本存在的视觉设计问题,明确改进优化方向,提升视觉样式的通用性和更广的接受度。 拿阅…
-
手机中横屏和竖屏有什么区别
简单来说,横屏视频是一种“媒体属性”,往往给人一种庄重感,比较正式认真;一想到横屏视频就是要带片头片尾,结构化,精致剪辑,时间长(3分钟以上),故事描述相对完整,有一种非UGC(原…
-
互补色
以品牌色的H(色相)为基础,不断地递增、递减15,在0-360之间可以得出24个颜色。也就是将360°色环分割为24份,可以得到24色。 例如以下色块: Hex值为 #1585FF…
-
ios13的新规范
黑暗模式。作为 iOS13 中最最最重量级的更新,黑暗模式在带给人全新的视觉体验之外,也带来了一套与浅色模式相对应的色彩规范。 一.基础色彩 iOS 的设计师对之前混乱的色彩规范做…
-
QQ头像20年的变化
01 提炼经典 QQ在20周年,整合了105个早期经典系统头像,在保持经典造型的同时,进行了设计上的像素复古风重塑。 02风格选定 平衡复古和时尚。对于不同尺寸的头像、主题以及H5…
-
交互设计核心价值思考
由于在新产品从0到1的产生和老产品的优化迭代中,交互设计师采用的思维与方法存在差别,因此本文也以新老产品两个维度去展开。 1、新产品:需求精准挖掘 2.老产品:以价值驱动产品 &n…
-
交互设计如何做到周到
周到的关键,是满足好小需求 小需求是一种共性需求, 主要是一些体验细节。比如信息的分类与展示、衔接不同页面的各种弹窗与提示、对各种状态的提示、对各种情况的到位解释,等等。 交互设计…