如何利用网格系统科学地打造APP界面?

在视觉设计师设计一款APP的时候,最先要制定一套完善可行的设计规范,其中会详细定义颜色、文字、图标、结构、布局、间距等要素。但是很多设计师往往会忽视一个重要的东西,那就是网格系统的构建。网格系统可以说是整个页面的骨架,它将页面中所有的设计元素高效有序地组织起来,从而让整个APP的设计具有高度的一致性和规律性,提高设计师工作效率,避免凭感觉做设计。

如何通过练习提升自己?

写在前面 经常遇到很多伙伴咨询如何去提升专业、练习应该怎么去做、灵感从哪里来等等问题。结合这些问题总结和梳理了一下自己的点滴经验,希望能帮助到大家,与之共勉。 本文的目的是给刚入行的新人分享个人的一些经验,如果是已入行多年的老司机文章会显得很基础^_^

如何将黄金比例应用在APP设计中

黄金比例是自然界中完美的比例,它也是非常重要的设计知识点。在我们日常生活当中随处可见。应用在家居、 电器、 徽标和照片上。我们的意识趋于和谐与美,和”黄金比例”是优雅的方式,使产品更舒适和很好的感知。

如何做出这种有厚度的 APP 界面图片?

之前知乎的回答,希望能帮到新人朋友。这个其实想说的是,大家在下载素材或者别人的PSD,也或是参考别人的作品的时候,都可以仔细的研究下别人是怎么做的。

iOS APP UI设计之从效果图到UI切图

声明:这里写的不是一种规范,只是一种工作方法,大家在具体工作中,一定要灵活运用。另外,技术的更新是非常快的,我写的这些可能某些东西已经和你们的工程师搭档所用的方法不一样了,所以,还是要灵活运用~

手机APP界面设计规范:如何定义视觉规范

常用的手机APP设计工具: Sketch:常用来制作线框、界面,偶尔绘制图形。MAC电脑专用移动APP设计软件。也是一款快速设计APP界面的软件。

APP界面切图命名和文件整理规范

规范的命名方式可以提高客户端程序员的开发效率和团队协作。个人觉得标识符命名原则:尽可能的用最少的字符而又能完整的表达标识符的含义。

关于APPLE WATCH官方提到的10个设计小技巧

编者按:今天这篇是国外某位亲历WWDC 2015的设计师写的,他把官网视频里提到的小技巧都提炼成图文分享出来,特别实用,推荐学习 >>>

手机APP界面UI设计教程(二)

@LuckyFan 上一篇教程反响超出我的预期,毁誉参半,所以这次话说在前着盒饭君不是什么大神,就是站在当初我如何入门的角度和大家一起学习,一起分享交流。

手机APP界面UI设计教程

@LuckyFan最近偶然的机会看到这套界面,个人有着临摹练习的习惯临摹了一套,很多看到了想学习UI设计的伙伴问怎么做的,有的尝试着画一下,遇到了当中的某个“难点”后又放弃。决定做这个小教程,给大家分享下设计思路和技法。

合理做UI的工作方式与流程

补充一句,好多人说1080*1920不是黄金比例,我都说是传说中了,只是大部分的厂商都用这个比例。

界面设计中的对齐

@Micu设计 对齐与间距,无非左右上下的关系,怎样才能让符合用户的视觉感知呢?芸芸众生,红尘滚滚,有幸让他(她)瞄上一眼,留下个“很舒服”的第一印象,非常重要。

使用photoshop创建iPad端购物App界面

这个教程里,作者向大家展示如何为iPad客户端创建一个flat UI风格的App应用界面。 思考 最后大家思考一个问题:在购物图片部分,作者使用高斯模糊加白色透明的方式来处理图片,如果我们在用代码实现它的时候,该怎么做呢?

【效率工具】一键自动生成 IOS 所有尺寸的 ICON

最近遇到了一个比较坑爹的状况,ios的icon还没最终修改好,但是每修改一次都要出图给工程师查看不同机器的效果,生成1024后在切出不同分辨率的大小的过程很是繁琐,效率及其低下,作为专业切图13年的切图仔,肯定会想到万能的互联网有方法去解决这个问题,就像 cc2014的全自动切图功能一样。

探讨,如何用一套效果图适配iOS&Android全系列

探讨,如何用一套效果图适配iOS&Android全系列