建站福利!帮你5分钟建一个响应式动态网站的Carrd

2016/03/22 13907

responsive-dynamic-website-carrd-1

让建站像搭积木一样简单!今天要介绍的 Carrd 是近期上线的免费建站服务,只要几个简单步骤就能快速设计出美观特色的响应式网站。我花了不到五分钟就做了一个优设网的简介,而且还有动态效果!如果你想给自己做个网站,不妨试试这个!

Carrd 首页一语道破它的特色:简单、自由且完整支持响应式设计的单页面网站!如果你想建的网站内容不复杂,或许只需要一个页面就能轻松带过,Carrd 会非常适合你。

Carrd 内建功能包括让你自定义网站背景、标题、描述以及内容链结等等,还能为网站加入图片、影片、图标、按钮等等,Carrd 将这些元素模块化,只要利用拖曳方式就可以快速调整位置,并进行内容方面的进阶编辑。

最令我惊艳的是为网站加入动态效果,使平淡无奇的页面更吸睛、更有质感!

uisdc201603234

在开始前,我已经使用 Carrd 制作了一个简单的范例页面,或许你会有兴趣,那么可直接造访范例网址,这是我用不到五分钟时间做出的网页。

Carrd

STEP 1

开启 Carrd 网站后,点选首页的「Choose a Starting Point」开始吧!

第一步先选择一个要使用的网站风格,这待会都能够再做细部修改,因为要让网站雏形先出来,所以必须从中挑选最适合你心目中理想的版型。

Carrd

STEP 2

开始 Carrd 编辑画面前,会有简单的操作说明,方便用户了解每个功能用途。简单来说,内容都可以直接在看到的地方点选修改,右上角是主要工具栏,可以加入组件、预览动态效果、发布网站或开启更多功能。

Carrd

STEP 3

我最喜欢 Carrd 的一点是它编辑功能非常直觉好用!只要点选内文,就能够对文字内容或字型、颜色、宽度高度等项目进行编辑,拖曳外框来调整要显示的位置,没想到做网页竟然如此简单对吧?

uisdc20160323

STEP 4

点选右上角的「+」号,在网络加入更多元素,例如文本块、图片、影片、图标按钮或链结,可惜窗体部分需要付费升级 Pro 会员才能使用。

Carrd

STEP 5

Carrd 也可快速变换背景,例如图片、单一颜色或渐层色,以及进行位置或尺寸等设定。记得前面提到的动态效果吗?如果你喜欢,也能在「Animation」页面进行编辑。

uisdc201603232

在 Carrd 提供的图库里,大量使用来自 Unsplash 免费图库的素材,点选就能套用到网站,实时预览网页呈现的效果。 这些挑选过的图片都非常好看,也很适合用于网页做为背景。

Carrd

STEP 6

当网页完成后,别忘记点选右上角的「Publish」发布按钮来储存内容,第一次使用时需填入 Email、密码来注册账号,以便进行后续的管理维护。

将设定字段往下拖曳,就会有设定网站标题、描述及网址部分,免费账号可以自定义要使用的网址(使用 .carrd.co 免费网址),如果你要设定自己的域名,那么必须付费来升级 Pro 会员。

uisdc20160323

STEP 7

点选「Publish」发布网页后会回到 Carrd 控制台,第一次使用必须先去 Email 信箱收取验证邮件,点选信中确认链结才算启用账号,启用后就会取得该网址的使用权。

Carrd

日后想要管理 Carrd 网站,或者付费升级、修改数据等等,只要开启 Carrd 登入你的账号,就能返回控制台。免费账户仅能建立一个网站,若你需要更多配额,必须升级才能进行操作(升级后最多可建置五个网站)。

uisdc201603233

如果你觉得 Carrd 非常好用,也可以考虑支付一年 $19 美元来升级 Pro 账号,升级后可在同一账号内建置最多五个网站、支持自定义域名、窗体功能、加入 Google 分析追踪程序代码,亦能移除网站内的 Carrd 品牌链结。

值得一试的三个理由:

  1. 以浏览器免费建立网站,无须下载或安装软件
  2. 支持完整响应式网页设计(RWD)技术
  3. 将文字、图片、影片、图标、按钮等组件模块化,在编辑上更简单

【优设酷站22连发!】

  1. 免费图库+导航收集站:《酷站两连发!高品质免费图库站+专注WEB/APP导航收集站》
  2. 音乐站+字体搜索:《酷站两连发!帮你专心工作的音乐站+谷歌字体在线搜索神器》
  3. 渐变色+代码比较:《酷站两连发!渐变色方案全聚合网站+在线代码比较神器》
  4. 配色+占位图:《酷站两连发!在线色彩搭配工具+快速生成占位图片器》
  5. LOGO下载+字体下载:《酷站两连发!可商用的矢量LOGO下载+平面最爱的27款免费字体》
  6. 压缩图片+在线配色:《酷站两连发!在线图片压缩神器+在线配色工具COLOURCO》
  7. CSS Hover动画+宠物小精灵配色:《酷站两连发!宠物小精灵专属配色网站+CSS HOVER动画收集站》
  8. 美女图片+游戏配色:《酷站两连发!游戏配色网站+免费美女素材特供网站》
  9. 在线配色+字体推荐:《酷站两连发!在线配色神器+英文字体推荐网站》
  10. 追波作品变代码+16进制颜色:《酷站两连发!用代码呈现DRIBBBLE作品+16进制颜色网站》
  11. 无缝纹理+多边形背景:《酷站两连发!专注无缝纹理素材站+多边形背景生成器》

原文地址:free.com.tw

uisdc-hao

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量104万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/responsive-dynamic-website-carrd

素材 界面设计 交互设计师 好文 UI 设计流程 转场动效 用户体验设计 设计师专访 设计师 排版布局 扁平化设计 素材下载 视觉设计 职场 设计规范 产品设计 配色 web前端开发 设计趋势 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 ui设计 用户体验 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里