编辑导语：固然 *** 上的设计资料许多，可是与PC客户端相关的设计资料我们却并不常见。对付产物司理来说，在设计PC客户端时，有哪些需要留意的点呢？本文作者团结事情履历，为我们总结了PC客户端项目中的一些设计思路，以及容易被忽略的点。

自互联网产物设计行业降生以来，呈现了许多平台设计类型和组件模板，但大多是移动端（iOS/Android）和Web端平台；厥后又有了小措施、H5等界面设计类型。

到今朝为止，这些平台设计类型已然成熟，但唯独PC(Mac/Windows)客户端的相关资料却很少，只能参考今朝已在应用市场上的PC客户端产物。

近期在筹谋一个网盘东西的PC客户端，但发明市面上相关设计类型较少。

凡是，在资源匮乏的阶段，想要做一些工作，就需要多去本身探索和实践了。此刻将本身这一阶段探索的一些点分享出来，为后浪们后期逐渐完善平台类型抛砖引玉。

原型绘制是产物司理的根基功，不管在哪个阶段的产物司理，都应该有快速画出优质原型图的本领。

设计互联网产物时，凡是会从交互层、业务层和数据层这三个方面思量。个华夏型图可以浮现产物司理的平台交互体验本领、对业务逻辑的领略本领、以及对产物方针用户利用习惯的熟悉水平。

平台交互设计本领：需熟悉对应平台的设计类型，包罗界面框架布局、弹窗对话框等交互 *** ，便于设计出切合平台设计类型且友好的产物界面；

业务成果领略本领：需要大白哪些业务是产物的焦点业务流程，对界面成果的优先级展示会有参考，向用户展示这个产物可以先做什么后做什么，利便用户快速领略产物的设计思路；

用户习惯熟悉水平：需熟悉方针用户在利用产物时的操纵习惯和最存眷的点，制止设计筹划的原型不切适用户的认知，导致进修本钱增加。

下面就试着从这几个方面展开，聊聊在设计PC客户端时，应该要思量到的那些点。

一、平台交互设计本领 1. 界面框架

PC客户端，其实可以简朴领略为套了原生壳子的网页界面。

这里是指假如在设计多平台界面时，产物的界面框架是可以在必然水平上复用网页端的，只需要针对PC客户端调解为原生样式即可。

PC客户端主流的界面框架，或许可以分为3种范例：

顶部为东西栏，左侧为导航，其他为点击东西栏/导航后对应的内容区域；

顶部无东西栏，界面依次是左侧一级和二级导航/操纵，右侧是内容交互区域；

顶部为东西栏和顶部导航，下面则是内容交互区域。

因此在设计客户端框架时，可以按照自家当物特性快速搭建产物界面框架。

别的，在设计框架和主界面时，可以先确定客户端界面的最小尺寸，以便定位好内容布局。在设计时可以利用栅格系统来举办帮助设计，利便本身在搭建内容时，对顶部东西栏、左侧导航和内容打点等区域的间距举办公道节制。

2. 设计类型

今朝主流的设计平台即Mac和Windows，因此就需要相识这两个平台设计类型的差别化。要知道差异系统的特性，知道哪些可以做，又有哪些不行以做。

较量典范的就是，Mac的窗口缩放、封锁按钮在界面左上角，而Windows是在右上角，因此这种很基本的差别点就需要在原型中明晰的表示出来。

同时，因为在利用产物时，会常常呈现模态/非模态弹窗等交互，此时雷同界面也都要思量周全。

因为弹窗可能对话框一般只需要”封锁“按钮，所以需要搞清楚窗口缩放、封锁按钮，需要在哪些场景交互时利用，要在什么位置绘制。

如图，客户端的主界面，凡是需要缩放和封锁，利便用户按照本身的电脑屏幕调解界面巨细，可是如设计登录/注册时，就没有须要增加“放大”按钮。

如无须要，勿增实体：假如增加了反而影响体验和效率，这种思路同样可以运用在模态弹窗、对话框等其他界面成果设计。

其次，就是因为这些差异点造成的排版交互，好比同样是登录/注册界面，在扫码登录界面与账号登录界面相互切换时，Windows端因为右上角已有封锁按钮，无法像Mac端一样在右上角直接点击切换，就需要改换一种交互 *** 。

固然是同一款产物，但也没有须要追求两头完全一致。固然交互样式差异，但都很好的兼容了平台的差别化，同时也能更快的到达沟通的目标。

二、业务成果领略本领

原型中的业务逻辑的表示本领，凡是是指在设计成果流程时，操纵是否顺畅以快速到达目标，同时只管制止逻辑差异成果不闭环的问题。

客户端主界面的设计，要充实思量方针用户高频、焦点的利用场景，凭据优先级将此类成果作为一级成果展示，利便用户快速操纵。