ui图标设计
illustrator, photoshop等软件绘制,然后用图标转换工具转换成相应格式即可 当然必要的手绘基础是必不可少的,有时候还会直接把手绘稿扫描进电脑里,进行加工处理,或者直接形成手绘风格图标样式
ui手绘图标大小是多大
1、把图标大小扩大一倍就达到88了,是你设计的,扩大不难.2、44的图标居中,四周留白.方法是建立88X88的空白文件,图标丢进去居中,保存你要的格式,比如PNG,可以保留透明背景.3、套上88X8…
一般软件界面都是用什么格式的图片?
jpg
有什么UI图标设计规范吗需要注意吗?
像素对齐
需要严格的做到像素对齐,尤其是在做较小尺寸的图标时,如果不严格的遵循像素对齐,那最终的显示效果就会出现问题。
多用布尔运算
在做网页设计图标的时候,能用基本图形进行布尔运算的时候,尽量不要使用钢笔,这样做的好处有如下几点:
让你的图标更加规范;
对图形结构理解更加深刻;
后期更改形状更加方便。
独特的风格
在做系列网页图标设计的时候,一定要在前期给图标设定一个风格及原则,使之看起来与众不同。
在这里值得一提就是,我们在做线性图标时,一定要保证描边粗细相同、圆角相同,如果这些基础的规则都没有遵循,那也就谈不上风格的统一、创新了。
视觉大小统一
在进行网页图标设计的时候,我们会使用栅格辅助线来帮助我们更加严格谨慎,但一定不要被辅助线困住,学会灵活运用,保持视觉上的大小统一。
听说郑州云和数据开设的UI课程,5-6个月的学习时间,教你UI设计中的所有规范!
怎样规范设计移动端APP的UI
怎样规范设计移动端APP的UI
规范目的/系统
1
遵循各平台的统一的界面规范,使最终设计出来的界面效果达到最理想状态
怎样规范设计移动端APP的UI
2
提高工作效率,UI/UE/开发编码三方人员相互之间协作更轻松,减少因资源或设计问题导致的反复修改、重复劳动、效率低下的现象
3
通过规范的方式来达到以用户为中心的目的,给用户呈现最佳效果和最优质的体验
4
目前使用最多的移动端操作系统平台有Android、IOS、Windows Phone
其他的操作系统包括BlackBerry 10、NokiaOS、Firefox 、Sailfish OS、Tizen、UbuntuTouch
怎样规范设计移动端APP的UI
设计尺寸/屏幕支持
1
IOS:宽度640PX 高度1136px
当然还需要自适应模式,以便以后的屏幕扩充需求。
IOS系统从iPhone4开始已经进入Retina(视网膜屏)时代,资源尺寸比例从原来的1X变为了2X。
2
Android:宽度720px 高度1280px
同样的设计成自适应模式,现在Android系统的屏幕也是越来越多样!
Android系统采用可自适应的屏幕支持,由于屏幕尺寸种类繁多,简单可归为ldpi(240*320)、mdpi(320*480)、hdpi(480*800)、xhdpi(720*1280)四类
3
Web Mobile:宽度640px 高度960px
这个对于网页的浏览来说是最适合不过了的!
细节模块(客户端/Web内嵌)
1
导航栏:显示当前界面的名称,包含相应的功能或者页面间的跳转按钮,ios导航栏的ui图标格式为60px留白7px,Android系统的可以为:64px*48px留白8px
2
标签栏:让用户可以在不同子任务、视图、模式之间切换。
ios系统Tab Bar:98px
Android系统Tab Bar:96px
3
工具栏:放置当前屏幕或者视图下对相关对象的操作按钮。
ios系统Tab Bar:88px
Android系统Tab Bar:96px
4
为了能够让用户有更好更直观的体验,资源需要有各种状态。
5
列表:无论哪种形式列表,单行列表高度必须是用户手指接触的最佳值
ios系统Height 88px
Android系统Height 96px
6
字体:
IOS:默认字体 英文 HelveticalNeue 中文 黑体
Android:默认字体 Droidsans fallback 是谷歌自己的字体,与微软雅黑很像
7
字号:以下图IOS为例子
我的音乐:34 px
我的、淘歌、发现: 30 px
Muxx 34 px
本地音乐 30 px
泡沫、邓紫棋 24px
8
桌面ICON:
根据系统的不通桌面的图标设计也需要根据设计成不通的尺寸。
9
细节模块(Web内嵌):细节最为重要,只有好的内容和完美的细节才能吸引住浏览者的关注!所以在制作的过程中也需要更加的关注!
转载
UI交互设计师中ICON用什么做的
photoshop直接装个ICON插件,就可以吧图标保存为ICO格式了.
为什么软件和系统上面的图标都是icon格式,而不是其他格式?icon和png有什么区别在网页和软件图标设计中 1
为什么软件的系统的图标是ico,这个不太好解释,应该跟windows本身的沿袭有关(ico一般都指windows的格式,其它系统比如mac有icn, .rsc这类图标格式)icon在网页中基本不会用到,只是用在favicon上(也就是你打开网页后,网址前的那个小图标),png在网页上一般用在对画质要求比较高的图片上.至于图标设计,因为不确定图标将来的使用领域(比如说将来可能用在iphone上,那就会需要png格式),也为了处理的方便,所以一般是用png格式的.
魅族ui图标是什么风格的
ui就是界面 是软件系统上的
请问用PS做UI图标时,文件要如何设置?
颜色一般设置RGB,如果是印刷的一般是cmyk,文件格式保存为PSD/可以方便下次修改,每个图层分开的,希望可以帮到你!
Ai中制作的Ui如何导出,什么格式才能让编程人员使用
如果要是想导出整个界面设计图的话,那很好说。AI 有两个关于导出的命令,一个就叫「导出」,另一个叫「存储为 Web
所用格式」。在这里要使用后者。因为只有「存储为 Web
所用格式」才能保证导出的文件是像素精确的。在执行这个命令之前,确保设计图上所希望显示的东西都没有被隐藏掉。然后执行命令,格式选择
PNG,点击「存储」按钮就可以导出整个设计图了。
一般来说,做 UI 设计导出成品,格式除了 PNG 以外基本没有其他的选择。BMP 太大了,微软自己都基本不用了。用 JPG
图片的锐边、线条等部分(学名称之为图像的高频分量)会因为有损压缩而须掉。只有 PNG 在保证文件大小不会太大的同时,仍然为无损格式,这一点对
pixel-perfect 要求较高的 UI 设计是至关重要的。并且 PNG 还有一个好处:PNG 支持半透明。所以说,如果没有特殊要求的话,导出应一律为
PNG 格式。为 iOS 做设计的话,UI 资源,包括切图、主屏幕图标、启动画面等等应全部使用 PNG 格式。