ui4app
1. 手机app ui设计 注意什么
千夏软件(www.qianxx.com)认为移动APP客户端的适配要以一个平台为起始,但是要着眼于多个平台。
1) 根据公司的战略,选择一个最先切入的平台;
2) 了解该平台的UI 设计规范,可用的UI 控件及交互原则;
3) 确定切入的屏幕大小,以此来设计第一个客户端,但是要考虑适配其他屏幕的可能性,是自适应来扩展或者缩小;
4) 根据平台及屏幕大小,来选择一款最典型的手机,开始客户端的交互设计。
5) 确定客户端的核心目的。如为娱乐为主的,应在设计方式更娱乐性;功能性完成目的为主的,以更易用性为主;
6) 根据客户端的功能和内容,来设计客户端的信息架构;
7) 根据UCD的原则,来完成客户端的交互原型;
最后,我们在交互原型的过程中,需要考虑手机适配的三因素(平台、屏幕、触摸/非触摸),以便将来的界面适配做的很完美!
2. UI设计都需要学会什么软件谁有免费资源
一、Photoshop
Photoshop是图像编辑和设计软件,相信大家再熟悉不过了。现在不光是设计行业,一些非设计类岗位在招聘人员的时候也更加倾向于会使用Photoshop的人,因为现在很多行业都会用到PS来简单改图,新媒体行业更是如此。那么UI设计行业的从业者当然就得更加精于Photoshop,才能够做出更好的设计、拿到更高的薪资。Photoshop是设计的基础,不管是UI设计还是平面设计、网页设计、电商设计,都需要熟练运用Photoshop,Photoshop也可以说是设计行业的门槛,掌握了它,才能够迈入UI设计行业。
二、Illustrator
Illustrator是矢量图形和插图软件。它主要用来做页数多的宣传品,也可以完成一些简单的图像编辑。复杂的图层设计会先用Photoshop完成,再导入Illustrator进行排列。它是高阶UI设计师需要的技能,也是在UI设计中比较常用到的软件。
三、Indesign
Indesign主要用于图书和讲义的排版,也是UI设计师经常用到的,虽然它不能做太多样式的设计、但是排版还是比较有效率的。
四、XD
XD主要用于用户体验设计和原型创建,更多的用于UI交互设计。一些网站设计以及app软件的设计大多数会用到它。不过它对系统的级别和配置要求比较高。
五、CAD
CAD是一个草图绘画软件,用于室内设计、工业设计等三维设计,在设计师当中也算是常用软件之一。有这项技能的UI设计师的工资往往会比没有这项技能的高出很多。
六、各类手绘软件
虽然一些设计软件也可以进行手绘,但是毕竟不是专业的手绘软件,画笔的种类较少,有时候不能很好的表达设计师的思想,所以设计师们在手绘时更倾向于用专业的手绘软件。具体用哪款软件就见仁见智了,设计师会根据手感和习惯,来选择手绘软件。
3. ui设计 web方向和APP方向
从待遇及找工作的角度来说,app更好一些,现在是移动互联网的时代;而且你会了app ui后,web ui也会,反之则不太行。
4. APP设计中,UI需要注意的几个问题
UI的话交互是重点
1,首先是确定UI的交互有哪些功能,层次是否鲜明合理。我认为按钮的设置应该有逻辑性,每层有递进关系。不能让使用者觉得什么也找不到。
2,考虑你的界面要应用在那些媒介里,比如如果用在手机触屏和大型触屏机器的话要考虑手指的作用范围,触屏的精度。
3,色调和结构的设计是否美观。
4, 可扩展性,比如一个网站,以后可能会添加新的内容,如果添加过量的显示问题。
5,流畅性,在保证美观的同时尽量保证不会很卡,让人能轻松的加载浏览。
5. app和ui设计的主要内容
移动APP客户端的适配要以一个平台为起始,但是要着眼于多个平台。
1) 根据公司的战略,选择一个最先切入的平台;
2) 了解该平台的UI 设计规范,可用的UI 控件及交互原则;
3) 确定切入的屏幕大小,以此来设计第一个客户端,但是要考虑适配其他屏幕的可能性,是自适应来扩展或者缩小;
4) 根据平台及屏幕大小,来选择一款最典型的手机,开始客户端的交互设计。
5) 确定客户端的核心目的。如为娱乐为主的,应在设计方式更娱乐性;功能性完成目的为主的,以更易用性为主;
6) 根据客户端的功能和内容,来设计客户端的信息架构;
7) 根据UCD的原则,来完成客户端的交互原型;
最后,我们在交互原型的过程中,需要考虑手机适配的三因素(平台、屏幕、触摸/非触摸),以便将来的界面适配做的很完美!看完之后,希望对app设计师们有所帮助。
6. UI设计移动端App设计用什么软件,切图用什么软件
UI切图可以用摹客的插件,支持Sketch、PS和XD,在官网下载安装好对应的插件以后,在软件里标记好切图,点击上传,就可以在摹客快速下载了。而且基础功能都是免费的。支持:
1.自由选择iOS、Android、Web所需的所有倍率。
2.可以一键下载全部切图,也支持切图压缩,将下载的切图体积瘦身50%以上。
3.支持将切图一键换算不同平台尺寸,还可以自由设置任意切图尺寸。
4. 自动生成CSS代码,开发人员可以一键复制使用。
7. UI4.8寸的安卓720*1280px的app图标尺寸是多少 急.求哪位说说.万分感激!
Android 5.0以前,原生的Android,720*1280(即xhdpi)下是96px。
Android5.0以前的icon尺寸列表:48px(针对mdpi)、72px(针对hdpi)、96px(针对xhdpi)、144px(针对xxhdpi)、114px(针对平板)、512px(google play上传需要)
5.0以后,原生的Android,720*1280下用的是144px。
另外,各种定制系统,在使用图标上也不同。举个栗子,小米是Android 4.x为基础的定制系统,在720显示的图标尺寸为128px,估计是调用了比96px大一级的图(144px)然后缩放显示。
8. mac平台最主流的ui设计软件是哪个软件
Sketch for mac是一个创新的矢量绘图软件,拥有简约的设计,调色板,面板,菜单,窗口和控件和功能强大的矢量绘图和文字工具,包含完美的布尔运算,符号,和强大的标尺,参考线和网格;非常适合网页设计和移动设计者使用。
新版Sketch 新增功能
1. 提升文档滚动时的流畅度
这个感受不到,如果大家遇到 Sketch 卡顿,建议重新打开即可。之前遇到的旧版本使用 1-2 个小时后就开始卡顿,不过最近的几个新版本没有再遇到过。
2. Sketch Cloud文件优化
如果使用了 Sketch Cloud 文件,那么下载的时候会在缩略图上展示进度条。但这个 Cloud 服务是需要付费的,国内很少用,所以本次 61 对此进行的更新对我们设计师也影响不大。
3. 调整大小的显示控件在普通屏幕上优化显示
由于大部分设计师的 Mac 都是视网膜屏幕,所以这个基本也没有什么影响。还是那句话,既然作为 UI 设计师,那么请对自己的硬件要求稍微好一点。
4. 对齐像素功能优化
对于任何包含小数点的未对齐像素元素,都可以使用像素对齐功能。
实际工作中很多设计师的 Sketch 文件都会出现小数点,尤其是在间距、宽高这样的基本框架结构中,会严重影响我们的标注数值。
Sketch for mac61