本周因为五一的原因（纯属借口.png），所以本周的干货推迟放出，请各位小伙伴们见谅，毕竟我只有一个人的力量，加上繁忙的工作（好了借口到此为止），干货送上。这次我要给大家送上的干货是：如何设计一款PC软件。因为PC端的设计文献我们能参考的很少很少，就连规范也是少得可怜，所以这次我也是冒着被喷的危险写下这篇文章的，如有不专业或错误的地方，希望各位总监CEO们一一指出。

根据需求找灵感

首先不管做啥项目，我们都要知道客户的需求是啥，通过这个产品能帮助用户解决什么样的痛点，然后才能去寻找相关的竞品，去制定相应的设计框架。

因为这次公司是要做一款给淘客用的PC桌面应用，提到PC软件我相信很多同学是非常手足无措的，第一，PC软件的设计资料可以说是少之又少，现在所谓的UI设计都是针对移动端的较多，更不用说PC，就连Web的设计资料都少之又少。第二，PC软件的规范并不统一，每个窗口的尺寸都要根据自己公司的产品去制定，所以这也成了一个很蛋疼的原因之一。第三，能参考的竞品少之又少。说了那么多，我们该如何下手呢？

我们还是要从寻找一些做得较优秀的桌面应用开始入手，比如我们经常用的360安全卫士，网易云音乐，QQ音乐，有道云笔记等。（我之所以罗列这些比较有名的桌面软件，那是因为能让我们作为参考的产品少之又少，无奈.jpg）

这里我找了360安全卫士和网易云音乐作为参考，因为这两款软件和公司的产品整体的结构比较相似，当然我还在花瓣上找了类似的界面作为设计参考，在这里由于篇幅原因就不一一展示。

设计一套框架

寻找完灵感之后我们就要开始正式跳坑了，在跳坑之前我们还要准备啥呢？那肯定就是挖坑咯，而这个坑就是框架，因为PC的设计比较自由和特殊，所以市面上的PC软件没有统一的尺寸规范，这导致让我这个菜鸟绕了很多的弯路，比如我天真的以为桌面软件和Web设计一样，就设计一个全屏的尺寸就好（小Tips:一般网页设计的尺寸是1920x1080）现在回忆起来我真的是Too young Too simple。当我以全屏的思路去设计这款软件时，整个软件根本没法直视。在开始设计之前，我要给大家几点建议，第一，要和开发定好最小窗口尺寸，就拿我做的这个产品来说，我们设置的最小窗口尺寸为1300x750。因为你只有定好最小窗口后，设计才好进行，开发的同学也才能去做适配。定好最小窗口后，我们就可以开始设计整体的框架了，由于我们的产品框架和360卫士长得基本一样，所以我就采取头部是大分类，左边是小分类的模块来进行设计。

制定一套规范

一个产品肯定离不开一套详细的设计规范，就让我们从登录注册界面说起吧，首先我们整个软件的主色调是天蓝色，定好主色调之后，我就可以开干了，首先我们来看看我设计好的登录注册界面。

登录注册完毕之后就是比较重要的商品库界面了，这个界面设计的功能点比较多，所以在设计这个界面的时候也花了很多的时间。

我们看到商品库这个界面头部和左边的分类是整体的大框架，然后右边就是商品库的商品细分类，每个商品由图片+优惠券+店铺名组成。这个坑爬过之后，后面可谓是平坦大道呀。

这是群发列表的界面，这个界面难度不大，大的是下面这个商品预览界面，这里我参考了微信图片预览的功能。

接下来就是文案预览界面，这个界面也只是简单的弹层设计。

余下的界面都是一些零碎的界面，请继续往下辣眼。

配合开发装逼

因为我们的开发团队技术都是老司机了，所以这次在开发环节少走了很多弯路，设计桌面软件的切图远比APP要轻松太多，你们只要照着你设计出来的icon来切图就OK，标注的话就以最小窗口化来标注，如果产品过程中遇着加载动效，建议直接AE撸GIF，WPF框架是支持直接加载GIF的，我们整个软件用C#语言完成，因为现在WPF这个框架已经比较成熟，我感觉PC设计火起来指日可待。