对于每个网页设计师而言,在设计过程中总会碰到需要作出设计决策的时候.也许你的公司并没有全职设计师,而需求上则要求设计出全新的UI:又或者你正在制作一个你自己的个人项目,而你希望它比 Bootstrap 的默认效果要强一些.这个时候很多人会退缩:“我并不是一个艺术家,我没法作出更好的效果!”但是事实证明,想要设计出更优秀的效果,合理地运用技巧其实更重要,而且是可以出效果的. 今天的文章,我们总结了7个简单直观的改善网页视觉效果且能提升高级感的小技巧.很实际,也很实用,希望你们能喜欢. 1.使用色彩…

UI 设计需要自问的 10个问题   UI 设计的魅力在于,你不仅需要适当的技巧,更要理解用户与程序的关系.一个有效的用户界面关注的是用户目标的实现,包括视觉元素与功能操作在内的所有东西都需要完整一致. 1. 你的UI是否高度一致? 用户来到你的站点,脑子里会保持着一种思维习惯,你的 UI 需要保持一致,以免用户的思维方向被打乱.比如,如果你的某个品目下的产品可以拖放到购物车,那你站点中所有产品都应该可以这样操作.将按钮放到不同页面相似的位置,使用相契合的配色,使用一致的语法和书写习惯,同时,让…

最近有学员来问,“我想转行学习UI设计,但是听很多人说,UI设计是吃青春饭的,互联网公司是不是只选择年轻的血液而淘汰年纪大的?”今天,我来统一回答一下. UI设计是不是青春饭? 我们先来思考一个问题:可以一辈子从事的职业有哪些?看看大多数人眼中的铁饭碗. 公务员—看每年报考公务员的人数就知道这个职业是多么的hot!只要“老老实实”,我想基本是可以干一辈子的. 警察—看港剧太多,貌似能做一辈子警察的相当多的. 教师—教授知识的同时还可以享受和学生一样的署寒假,太不公平了,我也想要啊.没事还可以虐待…

从事UI设计的朋友们,肯定知道我们在做UI设计时,其实是可以通过一些小技巧来帮我们设计的界面更加的漂亮.实用.交互性强,用户体验更好.今天的话,上海艾艺在互联网上面搜寻了几个小技巧.在这里跟大家一起来分享下. 小技巧一:对按钮进行排版!排版设计也是一门学问,不一样的排版就会有不一样的视觉结果.    如果对设计的细节不重视,有可能让我们原本完美的产品变的平庸,比如像按钮.Tab这些简单的界面元素也是需要排版的,因为用户可能每天都会点击N次. 小技巧二:设计的时候要学会留白.留白的作用在于突显我们…

我们做任何设计都离不开大小与重复的运用,这样能使我们的设计更加理性和科学,经得起推敲,那么我们一起来探讨下如何在产品设计中运用这一方法. 为什么大的物体更吸引眼球    ▲如上图所示,a球会比右边b球更吸引我们去阅读,大的物体视觉重量会比较大,我们眼球的视觉方向就自动转向它. ▲如上图所示,我们保持刚的大小,把a的透明度改变下,视觉重量是不是发生了变化?WHY? 当我们把 a 球的视觉重量降低后,那么即使 b球很小,他也会很吸引我们眼球,这是因为 b球视觉重量比较大. ▲如上图所示,如果两个球大…

上一周可以说是一个不断Mark周,从最实用的Android UI设计工具.免费移动应用测试框架推荐,到HTML5开发框架等等,各种开发工具.框架精彩丰呈,看得小伙伴们是不亦乐乎.当然,还有不容错过的MDCC 2013精彩专题论坛先透露.首届智能硬件峰会及首届智能硬件展等的阵容更新围观.智能硬件这座中国互联网的下一个金矿,将由MDCC 2013开启,更多内容请持续关注MDCC 2013官网. 除此之外,移动频道还有哪些值得关注的热点新闻呢?让我们一起通过移动周报来回顾一下吧! 1. 直接拿来用!1…

你学会UI设计了吗? UI设计师如何前驱? 关于产品 作为一个UI设计师,我们还在干巴巴的等着产品经理甚至交互提供的需求和原型再开始动手吗?这样被动的工作是永远无法提升自己的,当然你也永远只能拿到几千块的薪水了. 我们应该参与UI设计前期产品的规划中去: 1.了解下一个版本计划做哪些需求,上一个版本还留下什么需求? 2.在下一个版本中需求的目标和目的分别的什么? 3.怎么样挖掘出用户的原始需求? 4.希望之后拿到哪些数据,并且对这些数据准备做怎样的分析,得出怎样的结果? 产生的商业价值又是什么?…

问题一.Android手机的常用设计尺寸有_________.怎么适配ios和安卓. 答案:安卓320 X 480是常规模拟器.但现在的开发都是用360x640做一倍率.480 X 800(1.5倍率).720 X 1280(2倍率).1920*1080(3倍率) ios用sketch软件出375*812的1倍率的设计图,直接生产标注,1倍率中1px=1pt=1dp.方便程序员理解. Ios适配安卓将375缩小间距至360,文字大小不变,图标大小不变,图片按等比缩小.也出一倍率标注.1px=1d…

前端工程师与UI设计协同工作主要环节在于设计图与前端界面是否一致.(还原度) 不得不说,设计图与前端界面实现不一致的问题时有发生.(好吧,我经验有限)所以经常写完的前端页面都需要去修改.(特别是做移动端web)频繁的修改页面不仅我觉得很烦,UI设计也很烦.因此,我就好好反思一下我为什么不能好好的还原设计稿的尺寸. 之前待过的公司工作流程是这样的: UI设计只负责设计UI界面,出PSD,AI与PSD效果图.不出标注图.               前端工程师拿到PSD文件去测量里面间距,去切图,实…

一.PPI 1.像素密度PPI:PPI(Pixel Per Inch by diagonal):表示沿着对角线,每英寸所拥有的像素(Pixel)数目. 根据勾股定理(直角三角形两边为a和b,斜边为c,那么 a²+b²=c²),可以得知iPhone4(s)的PPI计算公式为:  = 329.65 和标准的326 稍有出入,这是因为像素的离散采样有锯齿效应. 2.iPhone5屏幕尺寸为4英寸.iPhone6屏幕尺寸为4.7英寸,屏幕尺寸 指的是显示 屏幕 对角线的长度. 单位换算:   1 inc…