UI设计师作品集页面尺寸多大?

时间：2024-02-14 19:05:01 | 来源：网站运营

时间：2024-02-14 19:05:01 来源：网站运营

UI设计师作品集页面尺寸多大?：UI设计作品集中的每个页面，通常采用横版的尺寸 1920*1080，这种尺寸既是普通的横版图片的尺寸，也可以用于承载多张竖版图片，如下图经常见到的 App 界面设计，在一个横版的画板中放置了多张竖版的截图。相比于竖版，横版的画板可以兼容更多的情况。

而对于题主说到的「作品集每一页大小都要统一吗，要是遇到网页这样的要长页展示的怎么办」，皮仔觉得可以适当灵活变通：

作品集大部分页面都采用相同尺寸的横版图片，而对于少数比较特殊的页面，就像您说到的网页长图，就可以脱离原来的尺寸大小，做成一张连贯的长图，让查看作品集的 HR 或用人部门能快速了解这个作品的设计意图。

在制作作品集时，目前有不少工具可以选择，主要有 3 大类：

• 幻灯片工具：PPT、Keynote
• 在线文档工具：石墨文档、飞书文档等
• 在线设计工具：Figma、Pixso

使用 PPT 和 Keynote 来制作作品集，通常是先从设计软件中导出作品，再将作品逐一放到幻灯片软件中，这个方法稍微有一点限制，每个幻灯片的页面大小是一致的，如果最开始选择了 16:9 的横向版式，中途需要插入网页长图，就显得不太方便。

此外，使用幻灯片工具或在线文档工具制作作品集，还有另外一个不足，设计作品和展示作品的工具是相分离的，当设计作品发生了变更，就需要从设计软件导出新的图片，再放入展示软件中，整个流程比较繁琐。

针对前面两类工具存在的问题，皮仔更建议你使用在线设计工具 Figma 或者 Pixso 来制作作品集，主要有以下原因：

Figma 和 Pixso 本身属于设计工具，同时支持在线查看和链接分享，可以很方便地将设计作品共享（展示）给其他人，且 Figma 和 Pixso 内置的实时编辑和更新功能，对于需要经常更新的作品集也很有帮助，即便我们把文件链接发送给了别人，只要我们更新了设计文件，正在查看文件作品集的人也能瞬间看到最新的更改！

以 Pixso 为例，Pixso 的画布是无限大的，支持在一个画布中添加多个不同尺寸的画板，以承载不同尺寸或版式的作品。

点击顶部工具栏的「画板」工具，在右侧的「设计」面板，可以看到 Pixso 内置的所有画板预设，单击任意一个预设，就可以将画板添加到中间的画布区域。

支持导入 Sketch/Figma/XD/Axure 文件

如果你之前是用其他设计软件来进行 UI 设计，例如 Sketch 或 XD 等，借助 Pixso 的文件导入功能，也可以很方便地将你在其他软件制作的作品导入 Pixso 中。

在 Pixso 工作台，点击「导入文件」，在弹出的窗口，选择想导入的设计文件格式，将本地的文件上传到 Pixso，即可完成导入。

Pixso 资源社区样机模板

制作好的 UI 作品集，在分享给其他人查看之前，往往还需要经过一个「包装」的环节，给作品套上相匹配的样机外壳，增强作品的表现力。

Pixso 资源社区，是 Pixso 推出的免费设计资源网站，这里提供了 UI 设计中经常会用到的各种素材和模板，包含但不限于：图标素材、插画素材、样机模板、移动端和网页 UI 设计模板等，其中就包含我们这里想要的样机模板。

在使用 Pixso 资源社区的样机模板时，我们可以直接在线编辑，无需将模板下载到本地。

在线编辑样机模板的方法：点击样机模板右上角的「复制」按钮，文件会保存到 Pixso 的工作台，点击弹出窗口的「打开文件」，就可以使用 Pixso 在线编辑样机模板。

样机模板中包含了多种类型的样机，如手机、平板、笔记本和苹果全家桶。

选中其中任意一个样机模板，双击样机选中内部填充的图片，点击右侧面板「填充」的缩略图，左侧会弹出一个面板，将鼠标移动到图片上方。点击「选择图片」，从本地上传图片，替换掉样机模板原有的图片。

将自己的图片或作品填充到样机后，点击面板左上角的「填充」，可以更改图片的填充模式，默认为「填充」，设置为其他选项可以得到不同的效果，你可以根据需要自行调整这个选项。

✅ Pixso 简介

Pixso 是国内专注创意软件开发的万兴科技孵化的新一代在线设计协作工具，浏览器打开即用，免去下载安装步骤，支持 Windows、macOS 和 Linux 系统。

Pixso 虽然是一款基于网页的在线工具，但依托底层的 WebAssembly与 WebGL 性能优势，网页形态的 Pixso 一点也不比本地的客户端软件弱，集合了原型、设计、交互、交付等多种功能，可以解决传统设计需要用到多款工具的「割裂」问题，打通从产品、设计到研发的工作链路，让设计更流畅、协作更高效！

✅ Pixso 个人版完全免费

Pixso 目前对所有个人用户免费开放，内置的所有功能都可以免费使用！

现在前往 Pixso 官网注册账号，可以享受到 Pixso 会员的所有权益：无限文件数量、无协作者人数限制、无限云存储空间、3000+ 免费设计资源任你用等，满足个人和小型团队在线协作需求，免费享丰富设计资源和高效协作体验！




码字不易，如果对你有帮助的话，请别忘了赏个【三连】或是【关注】我哦，关注不迷路！

我是皮仔 @Pixso协同设计，那我们下次再见咯。