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协同设计,那我们下次再见咯。