Pixel Icons Visual Guide/像素图标视觉指导(M.A.Kather .)自译

用户头像
杭州/设计爱好者/10年前/6823浏览
Pixel Icons Visual Guide/像素图标视觉指导(M.A.Kather .)自译
用户头像
StoneFred

——主要列举了用AI设计绘制像素图标时,一些需要注意的小规范,对于初学者来说是很有必要的!

好的设计习惯应该趁早养成,而且也方便后期实际使用/上线。

——各路大神还请多多提点,灰常感谢!!!

①保持简单、明了【切记不可过于追求细枝末节,图标能直接传达含义即可】

bb1c572500696ac7253812a49b61.jpg


②使用几何形状【不要使用手绘或不规则形状,尽可能尝试用几何形去塑造,美观、规则、系统】

52b4572502006ac7253812bf15a6.jpg


③正视图视角【不需要绘制多维度图标,只需从一个维度绘制,正视角表达展示】

d628572502d632f875a3997ad23a.jpg


④像素值【避免像素值出现1.5/1.3等小数点部分,尽可能保持整数,方便后期工作(放过自己,方便他人)】

82b75725040132f875a3996960ce.jpg


⑤像素视图【不要忘了像素视图,能够方便检查是否有虚边,快捷键Ctrl+Alt+Y

0b175725061732f875a399272814.jpg


⑥保持统一性【一套图标中不要混合多种风格,保持图标风格的统一性,美观有条理】

f87b572506d76ac7253812dc0bf5.jpg


⑦轮廓模式【当导出路径或SVG格式时,确保所有图形已经组合或扩展,使用轮廓模式进行检查】

2a2f572507e36ac72538122b3d3b.jpg


⑧预览边界模式【使用预览边界模式,确认图标真实轮廓大小,得到准确的尺寸范围;

打开方法:首选项—常规—勾选使用预览边界模式

890e5725091232f875a399b8cc7d.jpg



这些只是针对初学,也算是一个习惯开始养成,为以后打下基础,各路大神级别的还请多多指点,灰常感谢!!!

233
阅读原文
|
举报
|
271
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
我的钱包-UI界面设计-app
钱包ui模板
【新年UI图标】体育icon
UI 登录界面设计模板包
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
3D渐变流体抽象矢量UI背景图
【新年UI图标】活动icon
新拟态风格 UI设计组件库
【新年UI图标】相机icon
科技医疗透明柜UI界面设计
森系3D渐变流体抽象矢量UI背景图
高级表盘系列UI源文件
Security Camera UI kit
手表表盘UI系列
UI界面 组件
户外旅行飞机情侣假日出行
【新年UI图标】美食icon
【新年UI图标】积分icon
智能家居中心 简约 UI设计组件库
【新年UI图标】银行卡icon
APP/小程序商业项目UI模板|99个高保真UI+79个原型
【新年UI图标】旅行icon
盲盒APP UI设计
你可能喜欢
大家都在看
登录注册