随着社会的发展，项目展示设计主题不断丰富，而且它涉及的范围日趋广泛。它可以起到宣传展示企业文化和展示商品的效果，而且这种设计方案很多都是电子版的，下面我们就分享一个项目展示设计和输出教程，供大家参考。

　　1.首先确定展示使用的宽度，不同平台使用不同的宽度，一般在1280以内；平台使用1130的宽度，我们使用1140的宽度即可，可以做大但不可以做小。

　　2.使用网页栅格协助我们进行页面排版，确定好中间的区域大小以及做几列，建议取12位倍数，中间960，两侧各90。

　　3.做中间的栅格，确定最低高度，后面的设计不可低于最低高度。

　　4.放入背景图，添加文字元素，对边框的距离设置为90，避免看起来空旷。在设计中，尽量使用同一种字体，保证字体的统一性。

　　5.置入封面，内容包含标题，副标题，正文。添加数字，使用SF字体，调整【不透明度】，添加英文，注意大小写，第一个字母大写或全部大写。

　　6.对文字进行排版，添加其他元素，第一个间距为120，第二个为100，第三个为60，后面的元素排列也要遵循这个规律。

　　7.下方卡片的设计，间距40，根据后面的栅格将区域三等分。

　　8.下一个大模块区域，添加背景色，间距120，下面的两个矩形与上面的内容差距较大，间距设为60。从上到下的排布设计，形成统一整齐的效果，将元素控制在格线中。

　　9.到这里我们本套系列课到这里就结束了，谢谢大家！

　　项目展示设计和输出教程，大家都看完了吧。现在很多设计形式都是电子版的，这种电子版设计形式更容易修改，设计颜色更鲜艳，设计内容更丰富。今天的教程就为大家分享到这里，希望对大家有所帮助。

　　本篇文章使用以下硬件型号：macbook pro 13；系统版本：macOS Catalina；软件版本：Sketch（63.1）。