我是平面设计师，想自学做个自己的网站，各路大侠有什么好建议吗？ - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
已注册用户请 &
我是平面设计师，想自学做个自己的网站，各路大侠有什么好建议吗？
14:52:26 +08:00 · 2654 次点击
我可以自己设计好页面，然后自己的域名已经买好了，但是我不知道怎么着手去开始
比如我在 ps 里面设计好之后的下一步是什么？
如果我用 html5 设计的话该怎么弄？
后面服务器又是怎么个衔接法？
在各种知乎上论坛上都没有看到关于整个网站的流程，各位大侠有什么好建议的吗？
79 回复 &| &直到
23:39:35 +08:00
& & 15:02:10 +08:00
告诉我 ssh 账号，我帮你搭一个 nginx+mysql+wordpress
& & 15:02:59 +08:00
上传
写代码
服务器就是存东西的
找淘宝一条龙服务
& & 15:04:07 +08:00
@ 楼主想自学做自己的网站。。你给人家弄个 wp 。。
& & 15:04:48 +08:00
@ 楼主可以自己做套主题，不冲突
& & 15:09:41 +08:00
@ WP 主题还要学 PHP 。。让一个连 html ， css 都不还不会的设计去写那么重的 WP 主题。。心真宽。。
& & 15:13:20 +08:00
比较简单的是 lnmp 套装，最最简单的一个网站就是装一个 nginx 或者 apache ，然后把网页放指定目录下，开启 nginx 就能访问了，这种不需要数据库。
& & 15:16:23 +08:00
@ ssh 是服务器账号吗？服务器我目前还没有买- -，还有 wordpress 主题我其实不是很懂，但是我不是很想让我的网页能链接到卖 /设计 wordpress 主题的页面上，这样让我感觉有点像 lofter 域名看上去是自己的，但是还是能看到是属于 lofter...wordpress 是会像我说的这样嘛？
& & 15:17:50 +08:00
老大，我要当教练！
& & 15:18:23 +08:00
@ 但是我要放图片在网站上，可能会有好几十 MB 额。。
& & 15:18:26 +08:00
@ 楼主想学自己做网站，肯定是要学 html, css 这些的。至于 php 只要了解一下就好了。楼好学你还拦着，在这拆我台才是心真宽。。 u can u up ?
& & 15:21:02 +08:00
@ 不想用博客程序就只放静态页面吧，像 6 楼说的那样。也是需要买服务器的。图片也能放，网页上使用的图片要压缩一下再用。这样你就只用学 html css 就可以了
& & 15:21:57 +08:00
用 wordpress 博客程序搭建吧。還是別去倒騰了，除非你要往前端發展。
& & 15:23:54 +08:00
@ 楼主只是想做个网站而已，你一上来就让人写 wordpress 主题，步子迈太大会扯着蛋谢谢。
& & 15:28:03 +08:00
租个云服务器 → 安装 lnmp → 将自己制作的页面放入服务器程序目录 → OK~
& & 15:29:36 +08:00
如果你没有男朋友，赶紧加我。
& & 15:34:20 +08:00
搭个博客 然后瞎折腾
或者同
@
& & 15:36:21 +08:00
@ 好的 我是想学 html 和 css 来着，虽然路会比较慢长..不过还是谢谢指点！：）
& & 15:36:21 +08:00
建议楼主找一个想要定制设计个人网站的程序员，然后你们交换下技能。
& & 15:37:59 +08:00
建议先学静态页面
后台方面涉及的技术太多 一时半会很难掌握
把 html 和 css 的内容学习后 尽最大努力把自己设计的页面转换成 90%近似的 html
过程中会有很多 trial & error 但是只要能坚持下来肯定能做出来
遇到问题尽量多翻墙用谷歌＋英文搜搜解决办法 Web 前端方面 国外总体水平要高一些
之后如果对网页界面上的动画、程序感兴趣 可以学一下 javascript
可以用来做一些前台的在浏览器里运行的程序 但是这一步不学也好像没什么问题
前面如果都能做到 那楼主肯定是个好学又能克服困难的人 那后面学什么都会相对轻松
之后可以学学 PHP
PHP 的功能很强大 安装、部署很容易 而且很适合没有编程基础的人学习
学习过程中还可以顺便补一下 计算机网络、 HTTP 协议之类计算机的基础知识
网站还是推荐那个
楼主如果看过我在 V2EX 发过的帖子就知道我特别喜欢帮别人解决问题
如果有什么问题可以联系我 qq
一般不是特别忙都会给帮忙的
以前我给我表妹也上过 Web 前端的课 但是她觉得太枯燥了没坚持下来
& & 15:39:03 +08:00
@ lofer 不能够自定义 css 吧 不想链接就自己注册个域名，这都取决于你
另外 lofer 也是支持绑定域名的，不过似乎是要备案。。。
不需要服务器啊，买个虚拟主机就够了
如果你用 wordpress 是完全可以自定义的
& & 15:40:45 +08:00
@ 租云服务器这个好弄，但是 Inmp 这个我不懂，到时候是网上有现成的开源文件吗？还是需要自己编？感觉要是涉及到编码就不止学 html 和 css 这个难度了..
& & 15:41:56 +08:00
Wordpress 主题也普通的 HTML 页面还有一些差距，这个可能并不适合设计师来做。
可以先学一些 HTML 、 CSS ，然后把静态页面做出来。
& & 15:43:20 +08:00 via iPhone
可以试试 Adobe Muse
& & 15:44:45 +08:00
lnmp 那个东西是买了服务器之后需要在上面装运行网站的软件 那个有一键脚本可以全自动安装的 不用自己操心
就象你做图要先装 Adobe 的一套软件一样 lnmp 就是运行网站用的一套软件
& & 15:45:45 +08:00
做静态站吧。
这里有一些教程。
先学 HTML/CSS,就能出页面了。 [想看书的话也可以考虑权威指南、 head first 、 the book of css3 之类
要交互就学 js.
基本上就差不多了。
找个服务器挂上就行。
& & 15:46:52 +08:00
打错 lofer-&lofter
有玩 LOFER ？粉一下？
& & 15:49:37 +08:00
晒个设计看看？给力的话我帮乃做前端呀！
& & 15:55:31 +08:00
以我博客为例( 新旧改版 ),还在制作中,半成品,只为说明流程.
我猜你现在做的设计图是这样的:
其实前端需要的图是这样的(只标了尺寸,字体之类的信息都缺乏):
想把设计图变成网页的外观,只需要两个技能( HTML + CSS ),如果你能把 JavaScript 技能点亮就更好了.
然后你只实现了网站的外观,还需要制作功能,这时你需要再学一门后端语言,选你身边人用的最多的,比较容易得到指导.
至于服务器,用虚拟主机就可以了.
& & 16:00:45 +08:00
第一步：买个 VPS 服务器，装个 linux 系统， ubuntu 、 debain 、 Centos 等等随便挑一个
第二步：你买了 VPS 之后人家会送给你一个访问服务器的权限，账户名是 root ，密码自己邮箱看。然后下载一个 Xshell 或者 Putty ，输入你的 VPS 的 IP 地址，连接之后输入密码。
第三步：去这个网站
最后一步： Google 下 lnmp 和 Wordpress 。
其它不懂百度或者谷歌。
& & 16:01:44 +08:00
& & 16:03:47 +08:00
@ 关于服务器部分你可以让加个男 V 友帮你弄 XD ，对你来说可能有点难度，懂的话一会儿就好啦。
你最后要做的就是制作好网页，上传到网站目录下
& & 16:17:37 +08:00
@ 我不是要转前端，但是想自己学着弄弄，后面还想学点 java 之类的语言，不是想精通，但是想多少能看得懂就行 lol
& & 16:18:50 +08:00
@ 别闹 LOL
& & 16:19:34 +08:00
@ 我也觉得这个 idea 不错 但是我身边并没有程序员 － －
& & 16:22:30 +08:00
@ 嗯 对 是这样的 我觉得做网站要实现的话比单纯只做美工要幸福多了 切片的时候总感觉很麻烦－ －！
& & 16:25:58 +08:00
@ bug 应该说单纯只做美工比去将网站实现的感觉幸福很多 少很多麻烦
& & 16:30:03 +08:00
@ 谢谢解答！很有帮助！！但是 qq 号码好像不对额..
& & 16:30:32 +08:00
@ 我怎么感觉网站比较容易……美工要思考的是怎么搭配，怎么创意，怎么吸引。
网站好像只需要考虑互动就好了？……很多标志都是有现成的。
& & 16:33:31 +08:00
@ 谢谢解惑！我想我可以开始考虑买服务器了！终于知道网站设计弄完后怎么个程序了！
& & 16:37:01 +08:00
我还理解了半天...
难度越低的工作可替代性越强,你懂的
& & 16:41:50 +08:00
@ 我也想自己搞个博客，刚刚才开始研究 vps 。我是交互设计的
& & 16:44:18 +08:00
@ 你也是平面设计师吗？那我们可以一起学呀：）
& & 16:44:37 +08:00
学会了，记得写个心得分享哈。我也想搞个博客
& & 16:45:04 +08:00
@ 我并没有
因为我不是很喜欢 如果发布作品 个人觉得还是 behance 就足够了...
& & 16:47:53 +08:00
建议扬长避短,先做自己擅长的部分,再一点点研究不懂的.
切忌开始就前端 + 后端 + 服务器,胡子眉毛一把抓,最后哪个也没搞明白.
& & 16:48:53 +08:00
看我一次性解决你的问题，
要个人博客，新浪， lofter ，或者找我，可以绑定域名。
要学会网页简单设计， html css ，以及相关框架，然后买个虚拟主机，纯静态网站，或者安装 wordpress 什么的都可以。前者技术少一点，不容易扯着蛋，后期可以学血 wp 主题制作什么的。
& & 16:50:06 +08:00
@ 额，如果要这样讲的话，我还是觉得实现网站比较有难度，正如 @
说的，我也美工的难度比较低，因为如果真要计较创意之类的，我觉得网站的交互性还设计到人的观看浏览方式各种关于人的习惯等等...那样的话想做好就不止是写写代码这么简单了， 所以说现在的交互设计又要有审美又要是在编程的语境下还要涉及到关于“人”的交互行为方式等等，个人觉得除非有艺术 /设计总监全程跟着整个事儿，或者设计师本人有能力做到这些 不然的话 我觉得美工和编程还是不要分的太开比较好。
& & 16:51:41 +08:00
@ 说的在理，所以学了几天 html 就停了（其实是懒）。
你的网站搭建的怎么样了，整理个心得，我一边学习一边弄撒
& & 16:52:28 +08:00
@ 我还没有做好我的网站 等做好了再附上链接吧， lol
& & 17:00:20 +08:00
@ 最大的障碍就是懒，本来上周说要完善一个 WP 主题的，可是特么的和同学打了开 5 黑玩了两天的 LOL
& & 17:03:50 +08:00
@ 自从用了 mac ，就不打游戏了。。。。。。
& & 17:06:41 +08:00
& & 17:15:54 +08:00
@ = =.发现好久没上这些网站了，上的比较多的还是站酷～～～～～个人爱好设计，能否认识一下？
& & 18:02:51 +08:00
推荐一个 VPS 给你。
& & 18:34:54 +08:00
Harvard Open Course CS75 去看看吧
& & 18:55:48 +08:00
@ 我是程序员
& & 19:20:23 +08:00 via iPhone
1 ，域名买好
2 ，虚拟主机就够了，支持 PHP (轮子多)，楼上说的服务器用不上。
3 ，域名指向主机的 ip ，主机也要绑定相应的域名。不太懂的话，找主机商的客服。
4 ，上传文件。新建个 index.html 上传到网站根目录。一般有在线上传和 FTP 上传。好了后访问域名，看下是否正常。
5 ，以后换 Wordpress 之类的重复 4 步骤就可以了
& & 19:26:02 +08:00
用 wordpres 吧
& & 19:49:23 +08:00
一般个人网站的话，用 Adobe Muse 很简单
尤其对于平面设计师来说，和 Adobe Photoshop 差不多，不用写代码
Adobe Muse 里做完直接在 Adobe Muse 里填 Ftp 账号上传就完事了
非常快速简单，比如这个网页：
0 到发布半天就做完了。
& & 19:51:20 +08:00 via iPhone
楼主，参考上面各位搭建一个 wordpress 博客，如果真的有困难，亮出 ssh 账号和域名账号，有人会帮你搭建，别忘了给人发红包，备份一下 wordpress 的目录，特别是主题目录，然后开始修改主题。安装火狐浏览器或者谷歌的，右键查看元素，然后修改主题，觉地好看了，打开博客后台，把修改的样式保存进去
& & 20:01:16 +08:00
59 楼 @ 说的很对，楼主可以试一下 Adobe Muse ，无论 win 端还是 mac 端都有中文版。
既所谓的不懂代码的设计师也可以制作、发布网站的工具。这是一款用单纯设计师的角度去制作网站的软件，做个普通网站是没问题，也能达成你百分之七八十的想法，当然深挖问题的话，像代码质量这类还是有问题的。如果想更进阶，还是像楼上各位说的那样学一下基础吧。
& & 20:22:00 +08:00
大家居然建议平面设计人员去买 vps ，难度太大了。楼主直接买个虚拟主机吧。
虚拟主机不用自己配置服务器，商家都给你配好了，就像 windows 拷贝文件一样直接通过 ftp 把文件拷到虚拟主机上面即完成了网站的部署，简单实用。
& & 21:58:19 +08:00
不应该先爆个照么， 23333
& & 22:55:58 +08:00
汉子可以加么
最近接触一些 web 东西 身边没人可请教
& & 01:55:09 +08:00
不用急，既然是设计师，先学会设计出你的网站图。
然后代码这些先学基本的 XHTML,CSS ，当然也可以直接学 HTML5 ，差不了多少。
但是一开始就玩动态语言系统，上什么 VPS ，简直是浪费时间。
再有天赋的人，步子也是一步一步迈。
& & 04:13:52 +08:00
看看这个站怎么样
& & 07:33:55 +08:00
欢迎来参加 [ruby girs](
(14E46 )&version=&pass_ticket=seGjxPLA1WAZfaDuqtgE9bYIskUzD%2B0moQvWa1iXAGEAlXBzBBR3FS3tYxex4xyd )
& & 07:43:36 +08:00
换个简短的地址
& & 08:19:44 +08:00
& & 09:17:54 +08:00
先学 Html ，再学 CSS ，最后摸摸 JS ，这种话在下觉得其实很沉重，但又找不到更好的回答，总之找个教程把基础的东西了解一下，现在的线上资源很丰富，不仅是 W3CSchool 了。
& & 10:14:50 +08:00
@ 综上推测，你想实现自己设计的作品，体验从零到一过程，非 WordPress 、 Ghost 之类。推测正确的前提可以学习 FreeCodeCamp ，课程适合零基础用户，简明易懂、体系完善、开源免费且有社区支持。同时可以考虑一下技能交换，当然也可以不用考虑，因为 FreeCodeCamp 课程有社区支持。
& & 10:16:17 +08:00
你们一上来就 VPS ，会把人家吓跑的。
楼主的需求我觉得找个虚拟主机就行了，新浪就有
在它的网站把你做好的网页上传上去就行了。
网页制作我觉得倒不难，用 dreamwaver 弄，或者直接开 chrome 浏览器的控制台调，所见即所得。
看看 html+css 教程，还是很简单的，在线教程就看 w3cschool 。做动画会复杂一点。
& & 13:08:18 +08:00
还要 vps ……
我建议上来就改 lofter 之类的主题
& & 13:13:54 +08:00
在线制作。。 HTML5 CSS3 还有动画一大坨，还学什么？
& & 21:37:37 +08:00
既然是要学 html+css 那么最简单的办法就是用 github pages+Jekyll ，基本上用不到 html/css 之外的知识，
图片其实最好是找图床，一个就几十 M 对于不管是虚拟主机还是 vps 还是 github 都是蛮酸爽的。。
//当然如果你用得不是 mac ……当我什么都没说。。
& & 23:52:04 +08:00
通过各位大侠的指导，已经在看 html 的教程了，也会去尝试下 adbe muse ！非常谢谢大家！^o^
& & 23:52:58 +08:00
@ 我用的是 mac 但是我还不怎么玩的来 github 不知道你说的 github pages+Jekyll 是啥..额..
& & 00:09:29 +08:00
是托管代码的
jekyll 是一个静态网页生成器（用 markdown 写东西然后用它生成.html ）
简单得说就是 github 给你提供空间（和独立域名 XXX.github.io ），你用 mac 安装 jekyll ，然后就可以写博客了
进阶可以自己设计模板， jekyll 的文件结构也非常简单容易学习。
当然如果不是以写博客为主，也可以自己写静态网页直接放到 github 就可以了。
& & 23:39:35 +08:00
dribbble
zcool
作品请上传到以上两个网站。
好好学习专业技术，设计工具熟练了学习设计思想，别折腾这些对你来讲意义不大的事。
& · & 1755 人在线 & 最高记录 2399 & · &
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.7.5 · 64ms · UTC 08:12 · PVG 16:12 · LAX 00:12 · JFK 03:12? Do have faith in what you're doing.想学平面设计但学校太多，不知道哪家的培训学校好？
在山西的慧丰设计学校通过对总公司近八年来近千部作品的筛选，根据难易程度我们选出了数十部优秀作品，作为各专业教学案例，通过对这些一线的实战案例的学习、分析，让学员们充分掌握市场所认可的从业标准以及创作思路。 从基础的软件掌握到创作理念的理解的教学，学员最终创作出优秀的能够被市场认可的成品，是慧丰设计学校的最终目的。在中国有室内设计的地方，就有慧丰设计的学员，零距离接触一线工地，毕业时，让你的简历真实项目满满，经验满满！
1.jpg (123.13 KB, 下载次数: 0)
01:34 上传
Navigation
中国设计师家园网：
这里聚集了爱时尚爱生活的年轻一族，队列里就差你咯，赶紧行动！
欢迎各会员在社区积极互动，文明用语、理性评论，构造文明社区。
详情请看：
声明：本站转载或会员发表的言论均不代表中国设计师家园网的观点。
向老师学习
作品好，，，您太有才了。。。
提示: 作者被禁止或删除 内容自动屏蔽
作品好，，，您太有才了。。。
前排顶，很好！
支持支持再支持
不错 支持下。。。
作品不错顶起
不错 支持一个了
12345678910
具體獎項設置如下
Powered by有什么好的UI设计学习网站？ - 开源中国社区
当前访客身份：游客 [
当前位置：
共有2个回帖
<span class="a_vote_num" id="a_vote_num_
先积累到一定的设计经验更实在些
<span class="a_vote_num" id="a_vote_num_
更多开发者职位上
有什么技术问题吗？
类似的话题学习平面设计最好的网站_土豆_高清视频在线观看免费在线学习平面设计的10大网站 - 文章 - 伯乐在线
& 免费在线学习平面设计的10大网站
编者按：自学设计的同学，通常会觉得国内的设计教程良莠不齐，分散不全面，学了几年仍旧是业余选手级别，这时候就该给自己重新充电了，今天我们收集了国外10个顶尖的平面设计在线学习网站，大部分是免费的，希望通过它们，你能成为更加专业的设计师。
平面设计是世界上增长最快的行业之一，随着创业公司和互联网公司在世界各地的兴起，其原因也可想而知了。为了弥补这一不断增长的需求，出现了大量在线帮助人们学习平面设计的网站。
学习平面设计是最近你能做的最聪明的事之一。这是一个不断增长的产业，因此学习它也变得越来越重要。
在这篇文章中，我们为那些希望进入平面设计行业的人，收集了在线学习平面设计位列前十的网站。它们之中的大部分是免费使用的，不过并不能因此获得一个网络平面设计学位。当然了，在成本效益和时间方面，获得一个网络学位也是一个合适的选择。
Design Tuts+是在线学习平面设计、插画等等创意领域最大的网站之一。他们的网站提供了不同领域的大量教程，诸如Adobe系列、用户界面设计、插画技巧以及很多其他与平面设计相关的主题。我强烈推荐你花费一些时间使用这个网站，因为它可以说是更新平面设计领域的教程与课程的领头羊。
为了更好地掌握平面设计理论，我建议你看看AIGA的设计理论文章。它分享了关于平面设计主流趋势和潮流的有趣看法，可以帮助你成为一个更好的设计思想者。
由麻省理工学院开放课程计划提供，这份数字排版指南是网上最好的。你可以在这里学到活版印刷的关键组成部分，这点也和平面设计息息相关。
如果你想要进入信息图设计领域，Informational Aesthetics应该成为你要立刻前往的唯一站点。开玩笑啦，不过这个网站确实是学习关于信息图设计和布局的一切的绝妙网站。
有些人说你可以从他人的经验那里学到很多。因此，Great Discontent是完美的。它提供世界顶尖创意者的漫长采访，帮助你更好的理解其艺术设计理论和方法。你可以在这里学到很多关于设计及相关领域的东西。
当涉及到大局的顶尖内容的时候，Smashing Magazine在平面设计领域做得最好。它涵盖了平面设计的最重要领域，并能真正提高自己的技能。他们的文章非常深入，而且有点长，与此同时也的确值得一读。
DesignModo是我学习最新设计趋势、跟随平面设计世界飞速变化的资源。它同样拥有令人难以置信的深度文章，可以真正帮你学习到平面设计。快点收藏吧。
如果你主要关注复古和古典风格的设计，Grain Edit你一定要看的出版物第一名。他们在过去的10年里一直关注着50年代到70年代的设计，分享令人惊讶的文章、灵感等等。
毫无疑问的世界上最好的设计学校，The Rochester Institute of Technology向公众发布了他们的历史档案。还需要我说什么吗？
涵盖了设计的初创公司和人的方面，The Industry是学习平面设计的极佳出版物。他们分享设计、初创以及两者向交汇的有趣文章。
正如你看到的，在线学习平面设计的机会是无止境的，只是需要你稍稍挖掘一下。我们希望这个网站列表可以帮到你。记得如果有别的学习平面设计的好网站，在下面评论并告诉我们。
可能感兴趣的话题
很好的东西，谢谢分享
关于伯乐在线博客
在这个信息爆炸的时代，人们已然被大量、快速并且简短的信息所包围。然而，我们相信：过多“快餐”式的阅读只会令人“虚胖”，缺乏实质的内涵。伯乐在线内容团队正试图以我们微薄的力量，把优秀的原创文章和译文分享给读者，为“快餐”添加一些“营养”元素。
新浪微博：
推荐微信号
（加好友请注明来意）
&#8211; 好的话题、有启发的回复、值得信赖的圈子
&#8211; 分享和发现有价值的内容与观点
&#8211; 为IT单身男女服务的征婚传播平台
&#8211; 优秀的工具资源导航
&#8211; 翻译传播优秀的外文文章
&#8211; 国内外的精选文章
&#8211; UI,网页，交互和用户体验
&#8211; 专注iOS技术分享
&#8211; 专注Android技术分享
&#8211; JavaScript, HTML5, CSS
&#8211; 专注Java技术分享
&#8211; 专注Python技术分享
& 2016 伯乐在线