分享

如何开始设计一款微信小程序?应该注意什么?

 sxl小程序 2019-06-24

互联网时代,设计师提升自己的水平并不是什么难事。今天就跟大家分享一下,普通设计师可以有哪些途径来提升自己的设计水平。


1.色彩

目前常见的几种颜色,分别给人不同的心理感受:

红色色感热烈,对人刺激性很强,易引起注意,让访客紧张、精神集中,但也容易造成视觉疲劳。

黄色高傲、不安宁,也是易引起注意的一种颜色。

蓝色冷静、朴实,会给人提供一个深远、广埔、平静的空间。而且如果在蓝色中分别加入少量的红、黄、白等色,也不会对蓝色的性格构成较明显的影响力。

绿色是比较中庸的一种颜色,将黄色的温暖感与蓝色的寒冷感相抵消。平和、柔顺。

紫色的明度在有彩色的色料中是最低的。给人一种沉闷、神秘的感觉。

具体用什么主色调,比如如何设计小程序,则要根据它的类型来选择,比如女装类可用比较温暖黄、粉的色调;数码电子类可用冷硬的蓝、黑色调。但千万不可太多颜色混搭在一起,用色过多会导致访客眼花缭乱,页面没有主次之分。 

2.布局

布局,就是小程序内各版块、图标、文字的排列。通过合理的布局,我们能让访客分清主次,抓住重点。比如哪个商品是小程序中的“主角”,那就把它放在最显眼的位置;哪些比较次要,那就放在底部。

小程序的每个页面都应有明确的重点,以便于用户每进入一个新页面的时候都能快速地理解页面内容。布局要合理、简洁,保证用户进入到小程序页面后,就能知道自己身在何处,该往何处去;切记不要把页面设置得跟个迷宫一样,让用户不知道在哪儿找自己需要的东西! 一定要遵循小程序ui设计规范,尽可能好看。比如下图「上线了」的模板设计,就非常美观:

布局设计尤其要遵循CRAP原则:

C——Contrast(对比),通过图标大小和位置等的对比,区分出谁是主角,谁是配角,谁是群演。

R——Repetition(重复),一个级别的信息尽量使用一种设计来保持用户的认知,避免用户认为是另一种信息分类。

A——Alignment(对齐),你的图标、海报、列表等应该对齐,不可随意摆放、

P——Proximity(亲密性),有关系的两个图标尽量放在一起,比如衣服,你的“短袖”、“长袖”分类最好相邻,这样的排列会更具逻辑性。

    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多