怎样学习web设计

2011-09-30 23:24:55 +08:00
 tioover
我会一点html+css+js
但写出来的东西总是很粗陋 不能表达出脑袋里所想的,每一个自娱自乐的项目前端方面都是最纠结的 : 写的时候也挺有乐趣 写完了一看这是什么东西啊,不是一般的不协调
做了一个功能也不知道安放在页面的哪个位置
5515 次点击
所在节点    设计
22 条回复
reorx
2011-10-01 01:07:13 +08:00
把一个项目做到底,解决任何遇到的问题,改进任何发现的不足,不断迭代,就会有可感受到的自我提升。
cmonday
2011-10-01 08:51:07 +08:00
如果自己觉得是页面设计上的问题导致不美观、信息混乱,那就从平面设计开始学吧,特别是版面设计这一块。要习惯先做出设计规划,再开始写页面。
tioover
2011-10-01 11:54:58 +08:00
@cmonday 那么平面设计有没有推荐的书呢?
cliff
2011-10-01 12:37:25 +08:00
多看多做,多实践。买几本设计方法论的书,很多都是后知后觉的
cmonday
2011-10-01 12:39:24 +08:00
@tioover 呃,如果真心想学的话,版式方面《简明版面设计》和《版式设计原理》应该是入门的好书吧,其他的方面我不敢随便推荐。对了,既然你有CSS基础,不妨先看针对网页设计的《CSS禅意花园》。
fim8
2011-10-01 14:07:00 +08:00
设计 前段 程序 钻一样就行了,只要一样做到精通,你就不愁吃不愁穿了,都学的话,水平会稀释。
tioover
2011-10-01 14:23:00 +08:00
@cmonday 禅意花园看过几遍了……可还是这个样子,不过刚刚卓越买了本《写给大家看的设计书》,豆瓣上评价挺高的

@fim8 兴趣啊兴趣,前端后端都挺有趣的不忍心放弃

谢谢了,我先硬着头皮把手头上的给做完然后修改个几遍
cmonday
2011-10-01 15:25:52 +08:00
不如你先把自己做的东西贴出来看看?
tioover
2011-10-01 16:06:06 +08:00
@cmonday
做的东西没有用心保留下来,除了极个别的在代码托管站以外就没了……我在图片站找到一些(要翻墙
不过发出来的东西都是自己做的里面算可以入眼的,更多烂设计连发都不好意思发

这个是很早以前的草图
http://img.ly/Ybs
blog首页的草图
http://img.ly/DM4


这个是去年,还在学css的时候
http://img.ly/1vxT

这些是做的一些logo
http://img.ly/1UPc
http://img.ly/1UyC
http://img.ly/1UyA
http://img.ly/1FM8

这是几个月前的半成品东西
http://img.ly/4kfO
这是几个月前的导航条半成品
http://img.ly/4qVe
chloerei
2011-10-01 16:13:18 +08:00
这个阶段适合看 《写给大家看的设计书》,可以发现很多不对劲的地方为什么会不对劲
tioover
2011-10-01 16:23:37 +08:00
@chloerei 刚刚买了本,以前浏览过感觉挺不错的
kasuganosora
2011-10-01 16:27:12 +08:00
直接用Html+css画页面前 请用PS画个效果图,然后弄到自己满意后才开始写页面.
iloveyou
2011-10-01 16:37:29 +08:00
楼主设计感还行啊,比我强,我都做过美工。。。
thewei
2011-10-01 17:48:13 +08:00
看不上上面你的作品图片,估计图挂了。能看到自己的不足,说明进步的空间还是挺大的。我觉得现在前端设计师也需要具备一定的美感,但如果把自己定位在前端设计师的位置的话,应该把自己前端技能先熟悉起来,技能熟了你会发现你自己可以尝试很多东西,在这个学习的过程,你可以多去看看好看舒服的作品,思考:如果是我,我会怎么去写这段代码。学习:使用firebug查看页面结构,查看样式,与你想的是否一致,或者是否你想得可能比他更好。
我在想,你上面表述的纠结是否在于,你以一种视觉与交互这些自己并不擅长的地方去与自己作对比,在这个阶段,你需要多看多思考多练习。
thewei
2011-10-01 17:50:21 +08:00
原来是要翻墙的呀,真不好意思,俺现在好少翻墙,没工具了。呵呵,见笑了。
tioover
2011-10-01 18:02:59 +08:00
@iloveyou 这些发出来的算好的了……更多被我扼杀在摇篮之中了……
@kasuganosora 不会用PS FW没关系吧
@thewei 谢谢,以后会多注意下,现在很多css的技巧都是通过firebug得来的
cmonday
2011-10-02 21:58:21 +08:00
@tioover 唔,看来你对自己要求很高啊……其实挺好的了呀。
看了一下那几个图,个人的建议是更多注意留白的距离。另外那个导航条不是太协调,形成的层次感不太对。颜色上除了蛋骰那张略有点奇怪之外其他感觉都还是不错的,但是你好像还不知道怎么利用颜色去区分不同类别的信息。
什么地方说的不对不要介意哈,我也不是专业设计师。
不知道你自己觉得自己的不足在哪些地方~总之我觉得只要有兴趣、慢慢来、多琢磨、多看看好作品,很快就能取得进步的~
tioover
2011-10-02 22:01:38 +08:00
@cmonday 谢谢…做是能勉强做出来,但是关于布局风格什么的只能脑袋空空…打算这次先模仿别的网站再不断修改…至于颜色……我是色盲orz
cmonday
2011-10-02 22:10:28 +08:00
@tioover 呃,是生理上色盲么……
布局什么的就是排版的功底了,信息传达什么的,学起来很有意思的~
给你几个我收藏夹里的网站
http://www.awwwards.com/
http://www.thefwa.com/
http://www.cssmania.com/
http://dribbble.com
Droog
2011-10-02 22:27:17 +08:00
@cmonday 你收藏的几个网站很不错

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/18828

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX