首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

不知道的UIkit的设计思路,原来是这样的,你掌握了吗?

我们看到日常生活的数据图形可视化,以下这个是微信统计平台的文字模块,这个是我们的后台,我们通过这样的文字,一个一个的看的话是很麻烦的。

这是微信统计平台的数据图模块。我们如果用这样的模式去看,就会发现一目了然。他有小导航,标题,个人信息等,数据格式化,还有操作部分。

友盟这个网站,在做设计的时候,以用户量最多的分辨率来设计,用户量最多的分辨率是通过安装app的型号来判断你用什么样的分辨率比较多。这是一个Android分辨率的图,可以看到数据的可视化,我们可以一目了然的看到Android的分辨率。

国内很多Dashboard的设计并不够美观,或者说还不够重视。他们觉得随便设计就好,其实这是一个不对的观点。这种程序报表,大部分是找一个国外的,不经过设计加工便直接用了,但是未来一定会很注重这方面的问题。注重重要信息的划分归类是重要的原则之一

要注意合理利用颜色搭配,还有要注重信息展示和版式布局需合理规划。

先看一下这几个界面,他们有一个共同点,最重要的就是颜色的对比,明暗的区分。其次就是合理的布局,左右的分割,还有上下,非常的清晰,一目了然。

做UIkit的设计思路,首先会收到一个信息,也就是要求。如果收到过多的信息,我们先要删减一些废话,其实就我们要对信息进行分析,剩下的信息提取是很重要的。所以我们将剩下的内容进行分类,比如说重点功能,重点突出信息,我们也可以弱化信息。还需要对布局进行规划,然后整理一下信息,将我们的设计图形化。

我们在做的时候是有以下几点注意事项的,首先颜色尽可能以黑(不是纯黑)白灰为主,其他色彩重要点缀;其次尽可能直角,圆角尽量最好小于10像素,或者绝对圆角;最后字体大小要区分,同样活用黑白灰,字体保持简洁(雅黑、思源、兰亭黑)。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20191107A0JR6C00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券