第一步、关注和重视品牌的LOGO
正确理解品牌的意义是ui设计(Design)的第一步。APP的取色和风格都与APP品牌相关的,品牌是APP设计的基石。
APP案例分析(Analyse):Cal日历
相信每一位用过Any.Do的用户都曾赞叹过它的精简设计(Design),而现在Any.Do团队又一次打破了日历市场,推出了「Cal日历」。这次的新作品不仅在设计上完全继承了Any.Do一贯简洁优雅的作风,在使用体验和功能方面更加的出类拔萃。
「Cal日历」可以自动添加中国节气等信息,添加事项也更加完备。不仅如此,「Cal日历」还支持添加位置(position )信息、联系人、响铃提醒、文字注释、活动自动重复(repeat)等实用功能。
Cal用一段描述美好生活–阳光、运动、笑容、孩子和美食的宣传视频作为开场,给用户带来温馨和美好的感觉,我们期望中的生活不就是如此吗
所以Cal用一段非常贴近人心而又符合自身产品定位的视频吸引住了用户,这一点与那些开场使用文本引导的应用有着很大区别,避免让用户觉得枯燥乏味。
第二步:选取舒适的配色方案
舒适的配色方案(plan)决定了APP的形象,它应该是品牌主题色的扩展。它是视觉设计(Design)的核心,因为APP所有可见的地方都会使用(use)这些颜色(Color)。所以你需要选择(Select)一个能增强(enhancement)品牌形象的主题色是关键当中的关键。
提醒我们,通常可以按三个大类的配色方法,结合一些案例,分析(Analyse)颜色在页面中的APP手法。
配色方案(plan)举例分析(Analyse): Very的案例
柔和的调子使页面显得明快温暖,就算颜色很多也不会造成视觉负重。UI视觉设计一个软件产品在编码之前需要做的就是交互设计,并且确立交互模型,交互规范。三是用户测试/研究,这里所谓的“测试”,其目标恰在于测试交互设计的合理性及图形设计的美观性,主要通过以目标用户问卷的形式衡量UI设计的合理性。如果没有这方面的测试研究,UI设计的好坏只能凭借设计师的经验或者领导的审美来评判,这样就会给企业带来极大的风险。页面的同色调搭配,颜色(Color)作为不同模块的信息分类(Classification),不抢主体的重点,还能衬托不同类型载体的内容信息。
的观点:同色调不同颜色的模块,就算承载着不同的信息内容也能表现很和谐。
第三步:直观的布局
这里讲究的是一见钟情。能让你的用户第一眼就明白其APP功能才是最好的ui设计(Design)。
如下图ui设计(Design):
多去研究(research)和临摹一下那些热门和相关APP是怎么做的,尽量别让用户产生困惑。尽量选择(Select)比较小众的ui设计(Design)参考。
第四步:简化和卡片化
这一步我们可以借鉴苹果的理念:无赘物即为完美。告诉大家千万不要去”画蛇添足“。
屏幕布局应当保持整洁,信息应该分层排列,重要的在上面,不重要的在下面。
具体的我们看下ui设计(Design)案例吧!
第五步:精炼和做减法
卓越的视觉设计(Design)都是细节为王,每一个像素都要完美无缺。移动端UI设计不单单从事美术绘画,更需要对软件使用者、使用环境、使用方式进行定位,并最终为软件用户服务。UI设计师进行的是集科学性与艺术性于一身的设计,他们需要完成的,简单说来,正是一个不断为用户设计视觉效果使之满意的过程。首先是排版。字体是应用(application)的脸面,一个好的字体可以让你的应用脱颖而出(本领全部显露出来)。
各位ui设计(Design)小白,要能准确传达情绪的图标才是最好的。你可以利用一些免费的图标资源,然后在Photoshop里面稍加修改,把它们变成自己的图标。
最后,Path和Flipboard是每个像素都趋近完美的典范。移动端UI设计不单单从事美术绘画,更需要对软件使用者、使用环境、使用方式进行定位,并最终为软件用户服务。UI设计师进行的是集科学性与艺术性于一身的设计,他们需要完成的,简单说来,正是一个不断为用户设计视觉效果使之满意的过程。大家有兴趣可以下载下来慢慢学习和欣赏。
一个APP开始启动设计(Design)时,第一步应该用主要页面定下整个APP的设计风格,然后其他页面按着统一的

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。