美文网首页视觉设计UI/交互设计规范
走进设计的素颜区,沉淀自己

走进设计的素颜区,沉淀自己

作者: 雪城月 | 来源:发表于2016-09-01 23:23 被阅读108次
    素颜区.jpg

    1个像素的态度可能会决定一个界面的高度

    工作中,人们常说,一个人的态度决定一个人的高度。设计中,我说,1个像素的态度可能会决定一个界面的高度。设计的过程中,我们会经常与1个像素打太极,就是像素的多少问题。有时候是1个像素刚刚好,有时候是2个像素刚刚好,一个像素之差就影响了整个界面的效果。工作中,每次APP设计完稿后,我会把做的最终界面和初稿界面进行对比,同样的地方,初稿里面是1个像素,而最终稿里面是2个像素;同样的地方,初稿里面是2个像素,而最终稿里面是1个像素。整个界面一对比,最终稿就是比初稿漂亮,这是为什么呢?哦,原来在设计里面1个像素也是有态度的,他的态度可能会决定一个界面的高度!无论是工作中,还是学习中,我们在设计过程中,多思考多想想多反问自己,为什么这里用1个像素就是比用2个像素好看呢,每次都能多加思考并总结,相信我们设计界面的能力一定会大大提升。

    一个像素的态度.jpg

    不同性格的颜色却相辅相成

    APP界面设计的配色中,标准色主要包括主色调,辅助色,分割线,背景色,这4个角色。各个角色的性格各不相同,可是他们却相辅相成。主色调和辅助色是最明显的,当采用的是互补色配色的时候。一般主色调为暖色,辅助色就为冷色,一冷一暖,本是没有联系的2个颜色在同一个界面中,却成了相辅相成的2个颜色。

    不同性格的颜色却相辅相成.jpg

    统一的区分值展现几近完美的界面

    统一的区分值,即模块之间统一的区分。常用的方法有:留白区分、细线区分、色块区分。留白区分:①统一模块内文字字段间的区分值可为20px;②小模块间的区分值可为20px。细线区分:相同属性或不相同属性模块间的区分分割线值可为1px #e5e5e5。色块区分:不同属性模块间的区分色块值可为10px #f2f2f2 。无论是哪一种区分方法,我们都只有一个执念,那就是统一。因为统一,所以我们的界面几近完美。

    统一的区分值展现几近完美的界面.jpg

    相关文章

      网友评论

        本文标题:走进设计的素颜区,沉淀自己

        本文链接:https://www.haomeiwen.com/subject/oijhettx.html