界面设计资源合集

 

界面设计资源及经验分享

1、使用颜色拾取器工具

可百度下载“colors lite”工具,它是一个简单轻量的拾色工具,我们在借鉴其他优秀产品UI的时候,可使用此工具将合适的颜色记录并自行使用。

 

 

 

2、百度图片

百度图片是非常好用的功能,根据想要的图片类型进行搜索,搜索结果能提供的思路和灵感用于参考设计,如搜索“大屏科技”结果如下。

 

 

 

3、Qt自绘

网上有非常多的Qt自绘案例,我们可学习其源码掌握核心技术,然后将自己的想法自绘实现。

QWidget参考:https://gitee.com/feiyangqingyun/QUCSDK

 

  

QSS参考:

https://www.cnblogs.com/judes/p/8046254.html

https://zhuanlan.zhihu.com/p/64743564

 

 

 

 

 

QML参考:https://github.com/ShowFL/Toou-2D

 

 

 

4、使用图标字体fontawesome

我们需要知道,给UI贴图是最直接提升软件B格的手段。按照普通的开发方式,如果想要给控件【如按钮】添加效果图标,我们会在网上找到合适的图标,然后根据按钮hover、press、exit状态下载不同颜色的此图标,最后在代码里设置QSS或者QML,绑定对应颜色的图标。

上述过程非常复杂,这里提供另一个方案,使用fontawesome字体库。这个字体文件只有几兆,但是里面包含了好几千个矢量图标,Qt、QML都能非常方便的使用,可直接设置图标的颜色和大小,不必专门去下载状态图标。

官网网址:http://www.fontawesome.com.cn/

教程:https://www.cnblogs.com/judes/p/11276790.html

 

 

  

 

5、阿里矢量图标

阿里矢量图标网站提供2千多万个矢量图标,可在线定制颜色、设计图形、设置尺寸等,阿里巴巴内部就在使用和维护的图标库,如果你能成为阿里员工,那能解锁更多的图标。

网站:https://www.iconfont.cn/

如搜索“文件夹”,弹出800多个图标供选择:

 

 

在下载界面,可设计图标风格:

 

  

6、千库网

千库网是一个比较不错的网站,提供非常多的UI元素。可以搜索自己想要的风格,下载PSD格式用PS打开,然后选择自己喜欢的图片另存PNG,就可以在自己的程序里使用了。

网址:https://588ku.com/

比如搜索“科技”,选择“UI设计”进行检索:

 

 

 

随便下载一个文件,用PS打开:

 

 

 

这个网站的背景图还是非常不错的,可将喜欢的图层另存成PNG:

 

 

 

7、美叶设计网

这个网站基本没有什么现成可使用的素材,但是它提供非常多的灵感思路。如果你在开发的时候不知道某个按钮或者某个导航栏应该设计成什么样,这里或许能给你答案。

网站:https://www.meiye.art/

 

 

 

8、使用IPad+ProCreate设计

有IPad的小伙伴可下载ProCreate软件进行设计,这个需要有一定的绘画能力,对于一些简笔画和纯色背景图的设计还是比较方便的。

 

 

 

 

 

上面两图是之前设计的智能机器人显示屏待机界面,现已运用在项目中,可见这是可行的方式。

9、Qt+ECharts

ECharts是非常好看的一套界面库,由百度开发,现由Apache开源基金维护,大家平时看到的酷炫网站,基本都有用到ECharts,里面包含的控件非常适合用于大屏软件。通过Qt来调用ECharts可实现完美的前后端分离,但美中不足的是只支持MSVC编译器。

网站:https://echarts.apache.org/zh/index.html

教程:https://www.cnblogs.com/judes/p/15641582.html

 

 

 

 

 

 

10、bootstrap

Bootstrap原理与ECharts类似,提供很多方式,它主要针对的是web前端,实际上只要是js能做的事,QML都能做,故也是一种美化UI的思路。

网站:https://www.bootcss.com/

 

 

11、mixkit

视频下载网站

 https://www.vjshi.com/

 

 

12、在线logo生成

https://brandmark.io/

 

 

13、阿里DataV

https://datav.aliyun.com/portal/smart-design

https://www.aliyun.com/activity/intelligent/datav-showcase?spm=a2crr.23498931.smart-design.7.4ad815ddqSmIvQ

 

14、海报AI生成

https://designs.ai/

 15、xiaopiu

https://www.xiaopiu.com/

posted @ 2021-11-13 13:58  朱小勇  阅读(402)  评论(0编辑  收藏  举报