史上最全UI 设计与原型制作平台penpot安装,强烈介意码起来,避免踩坑。

一、介绍

1. 基础介绍

GitHub 上首个开源的 UI 设计与原型制作平台:Penpot,拥有多款 UI 组件与样式、交互式原型以及项目设计示例与模板,帮你更快完成项目设计工作。
此外,该平台还支持团队多人实时协作编辑,设计稿添加注释等多种团队协作工具。
官方地址:https://penpot.app/
GitHub:https://github.com/penpot/penpot
您在操作使用使请一定阅读官方文档。

2. 说明

由于工作中需部署 开源的 UI 设计与原型制作平台penpot 开源软件。因此由本人去进行部署,在部署的过程中本人参阅了官方文档以及google 内容进行部署,但网上可参考资料太少,本人在部署的过程中遇到了各种的问题。如:创建账号无法登录,无法发送邮件创建账号等问题。在通过不断地测试中终于得到了解决。因此写出次文章分享给大家,避免踩坑。
注:部署需具备相应的docker 知识
您可以根据您的实际情况选择以下的一种或几种方式进行创建用户的登录操作,如需有修改密码操作,请您配置SMTP 邮箱

3.部署环境

  1. 一台拥有外网访问的centos 7 操作系统主机
  2. docker 环境安装
  3. docker-compose 安装
  4. nginx 安装

二、基础安装

1.安装docker

sudo yum remove docker \
                  docker-client \
                  docker-client-latest \
                  docker-common \
                  docker-latest \
                  docker-latest-logrotate \
                  docker-logrotate \
                  docker-engine  卸载本机旧版docker
sudo yum install -y yum-utils 
sudo yum-config-manager \
    --add-repo \
    https://download.docker.com/linux/centos/docker-ce.repo 设置docker yum源,此为官方yum,如机器在国内请自寻寻找国内yum源
sudo yum install docker-ce docker-ce-cli containerd.io docker-compose-plugin  安装docker
sudo systemctl start docker 启动docker

2.安装docker-compose

curl -L https://github.com/docker/compose/releases/download/v2.5.0/docker-compose-`uname -s`-`uname -m` -o /usr/local/bin/docker-compose
curl -L https://github.com/docker/compose/releases/download/v2.5.0/docker-compose-Linux-x86_64 -o /usr/local/bin/docker-compose
chmod +x /usr/local/bin/docker-compose

3.通过官网获取penpot 配置文件

wget https://raw.githubusercontent.com/penpot/penpot/main/docker/images/docker-compose.yaml
wget https://raw.githubusercontent.com/penpot/penpot/mai
  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
UI原型设计是一种旨在创建和验证用户界面设计的方法。在CSCode中,UI原型设计是指使用软件工具或手绘图,通过模拟用户界面的外观和交互,以便进行评估、测试和验证。 在UI原型设计过程中,首先需要明确用户界面的需求和目标。通过与用户和利益相关者的讨论和研究,确定界面的功能和交互设计。然后,将这些设计转化为可视化的原型。 CSCode作为一个编程学习平台,其用户界面设计应具有直观性、易用性和美观性。在UI原型设计中,需要考虑如何提供友好的编程环境、清晰的界面布局和易于理解的操作流程。 通常,UI原型设计过程中会使用工具如Sketch、Adobe XD或Axure RP等,根据预定的设计规范和标准,制定界面元素的布局和样式。通过创建交互原型,可以模拟用户在CSCode平台中的操作流程,包括登录、浏览课程、查看资料、编写代和提交作业等。 UI原型设计的目的是为了在可视化的原型阶段提前发现和解决潜在的问题和缺陷,以便在实际开发中减少调整和修改的成本。通过与用户和利益相关者的反馈和意见交流,并不断迭代和改进UI原型,最终可以获得用户满意的界面设计。 总结来说,CSCode的UI原型设计是为了在编程学习平台中提供良好的用户体验和操作性。通过设计、评估和改进UI原型,可以确保CSCode平台的界面设计满足用户的需求,并为用户提供便捷、高效和愉悦的学习环境。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值