如何学习网站界面设计/UI设计/美工设计/ 付你5快钱电费

我是个菜鸟
我会PHP css JS

PS软件简单的基本操作会【抠图,裁图】 系统的看过68PS联盟的新手教程,不过并没有把每个按钮功能记住

我的目标是:设计出好看的页面,大气的页面,有美感的页面,我下载PS AI FL 等软件, 我真的很想学会,55555

我自身和目标的差距:感觉设计那么漂亮的页面,需要很好的美术知识,那岂不是要好好的学画画好几年,那花儿都谢了,

好的网站 页面感觉很大气,背景图 和图标 都配合的那么漂亮,感觉很有质感,连最普通的文字都那么美丽 页面布局也非常漂亮

我认为我可能需要学习:
1.页面布局
2.什么位置用什么颜色的文字 什么字体的文字
3.页面美感

请问各位大婶,像我这样的的新手,该如何学习,现在我感觉完全无从下手,请高手给一个思维导图,给一个学习流程,推荐一些资料, 要知道,你的几句话,会决定中国设计界的未来,谢谢大家,谢谢

15 个回答

这个也不是一朝一夕的事情,这些都是慢慢积累的。
首先,你应该学会去看别人做得好的网页,重点是
看了很多很好的网站之后,去体会人家的设计思想。
然后不断的去体会,慢慢的变成自己的东西。另外,
再给你推荐接比较好的网站吧,这些网站都是腾讯
淘宝、baidu这样的国内知名公司最核心的部门,都
是做这些非常大气漂亮的网站的部门,里面有很多
的好的思想和一些好的项目的设计分享。多看看,多
学学,多思考,把这些东西变成自己的。我们一般
都是这样做得,先尝试着去学习别人好的东西,然后
再变成自己的东西去做。这事情急不得,需要慢慢来。
1、腾讯CDC: http://cdc.tencent.com/
2、摩色网:http://www.moosee.net/
3、视觉同盟:http://www.visionunion.com/
4、阿里巴巴(中文站)UED:http://www.aliued.cn/
5、百度MUX:http://mux.baidu.com/
6、搜狗UED:http://ued.sogou.com/
7、QQ游戏设计中心:http://gdc.qq.com/
8、淘宝UED:http://ued.taobao.com/blog/

你会的比我多。
我现在只会PS,CDR,就开始学着做网页设计了。
设计我懂一点点,因为网页设计涉及到更多的是平面的知识,而我之前是做服装的。
初期就是多看,我想做个网站,首先心中要知道我要做的是什么样子的,我想要做成什么样子。
然后找一个差不多的模板过来改动一下。我说的改动并不是那么简单,很多细节也是需要你重新去设计的。所以初期在改动的过程中还是可以学习一些经验的,并在改的时候最能理解别人这样设计的目的。


@8d8暖宝,告诉我我的图片传到空间是哪个空间?地址多少?我现在顶部logo部分还是一个xx

其他都是废话,先把PS学好

我觉得无论是什么设计,美学基础是很基础很重要的。引用你“感觉设计那么漂亮的页面,需要很好的美术知识,那岂不是要好好的学画画好几年,那花儿都谢了”这样的想法是不对的。美学基础确实是需要时间积累的。但是你可以在不断的学习和尝试中不断提升啊。(不一定要特地画上三五年学画画啥的)我暂时想到的有这几个方面的能力吧,对色彩的感受和把握,对布局排版的掌控(视觉平衡,分组分栏啥的),字体的使用和推敲。

我是想到什么说什么的,不了解网站界面设计,全凭自己做建筑、规划成果图版面设计的经验。
查到了几本书,也许你可以看看
《网页设计与配色》
吉姆.克劳斯.《版式设计指南》.上海:上海人民美术出版社
Designing for the Social Web ------ Joshua Porter

Designing Social Interfaces:Principles,Patterns,and Practices for Improving the User Experience ------Christian Crumlish, Erin Malone机械工业出版社

The Visual Miscellaneum: A Colorful Guide to the World’s MostConsequential Trivia------David Mccandless

你提到的上述软件,学好它们。

本人擅长Ai、Fw、Fl、Br、Ae、Pr、Id、PS等软件的安装与卸载,精通CSS、JavaScript、PHP、C、C++、C#、Objective-C、ActionScript等单词的拼写。
但是你提的这个问题还真解决不了。因为太简单,对,太简单了!

其实设计美感与用什么软件根本没有神马关系。
当你用过一遍之后,你会发现,PS才是王道。
看在你愿意花钱的豪气,我偷偷告诉你,FW很好用,如果真学你应该学这个。

搞网页设计就是搞美学~~就像经济基础决定上层建筑一样的道理,只有好的美学基础,才能做出真正好的网页。你现在的问题是太关注软件的使用,可以说是本末倒置,软件只是去实现你的想法,会不会这个都可以搞网页设计,当然会的话更好。我不相信乔布斯他会操作很多软件,我想他更多的是审美,才做出这么美感的Iphone。一旦你有自己的网页创意后,随便找个会使用软件的人,那就是分分秒秒的事,就像开发软件一样,你有好的想法,找个程序员给你写代码,那程序员满大街都是,成本低的很。
再者搞网页设计,你做出来的东西要面向用户,并不是说你自己认为它是好看的,它就是好的,你还需要研究用户体验UE,用户对于你的UI的使用感受。研究用户的审美,另一层面来说就是研究用户心理学,行为学。
总的来说,搞好一个完美的网页的设计,不只是软件那个东西就能搞定,只占20%,更多的是你的各种知识的综合应用。

最好 先 学习美术, 很多 好的设计师都是 美术专业出生的!
乔布斯曾经毅然大学退学,去学自己喜欢的美术字字体,最后把 美丽多变的美术字体引入电脑, 创造了图形界面非常卓越的苹果电脑!当然 还有 扎实的 编程基础等 !

美术知识要有,这个可以自己多体会,或者看些书,网页设计、配色的。
感觉优秀的网页设计师的色感都很强大...
我在刚接触ps的时候那个审美挫的...现在虽然不算很好但是做出来的东西也勉强过得去,至少不会让人家不舒服。
所以这个东西是慢慢培养的,多看优秀的作品吧。

软件知识也要有。
但是软件真的不用会那么多。
PS肯定要学,先学一门精通之后,其他的都很相似的。
网页三剑客叫啥来着,DW,FW,FLASH,FW也不错听说,我没用过。
AI就是一个矢量版的PS,如果真论功能不如PS强大的。

针对你的问题的话:
1.页面布局? 听说做网页设计要切图来着。嗯,我不做所以不是很了解,你可以去多了解一下。
先看看别人的网页吧,多看一些好的例子,然后自己琢磨是怎么弄出来的。
如果玩微博的话关注一个 叫做 优秀网页设计 的微博,发现他经常分享一些好模板好素材。
或者直接进SDC优秀网页设计联盟(www.uisdc.com)

2.字体?
网站的主流字体中文一般都是宋体/微软雅黑(貌似),保证各种兼容,当然也有一些其他的。英文字体我忘了...
如果是作图的话,一般会根据主题定字体,字体大小排版也是根据图定的,这个你可以找一些ps排字教程或者直接多看示例。
颜色的话可以看一些色彩心理学的书,有一本《每天懂一点色彩心理学》讲的很生动(其实就是什么颜色会给人什么样的感觉了= = )

3.页面美感就很大了,参看第一点

最重要的是用户感受..
今天看人家做的PPT各种想吐槽啊……
把重要的黑色的字的背景弄成深棕色是让人看的么!!又浅又亮那种刺眼的绿色放在白色背景下是让人看得么!!
所以用户体验很重要...完毕。

我是比较理性的人。。。我认为一切看起来美的东西,其后面都会有规律。。比如配色和不和谐的话,看色彩的饱和度,亮度,色域神马的,so,开始如果设计的不好,可以多看看别人的博客,看别人怎么总结的,也有一些辅助性的小软件,在开始的时候可以用用,能让你专心于某一方面。

http://www.51zxw.net/
里面教你

  1. 从优秀的设计中学习,比如当前最流行的框架
    http://twitter.github.com/bootstrap/

  2. 看书,比如:
    写给大家看的设计书 http://book.douban.com/subject/3323633/
    写给程序员的Web设计书 http://book.douban.com/subject/6783748/

  3. 上面两点能帮助你成为好的前端,但设计这种事,还是找个设计师老婆吧~

自学,勤实践,但是要找一个精于这方面的人做老师,方便随时提问。

曾经做过平面设计,谈谈我的经验:
1、关于软件的学习 ,我熟知的软件就是PS,AI了,FL接触过,看了你的要求,这个觉得不需要。PS的学习我推荐李涛老师的PS教程(我自己当初学PS就是靠这个),将基本概念了解之后,勤加练习,工具熟练度提升上去就好。推荐你去68ps。照着教程一步步做下去,提升很快。PS的学习完之后就开始学习AI吧,使用AI和PS的思路、需求是不同的,注意区分。
2、设计出页面,这个需要慢慢积累,从模仿开始,我第一次做页面时候,我们老大叫我直接去拷贝别人的,将文字图标改成我们自己的- -# 。后来在做一些东西都是** 拷贝+修改** ,拷贝多了就会有想法,以后自己就知道改进的。
3.关于晋升,这个我没有发言权(水平不济),我不反对看书,但是我不喜欢看设计方面的书。我觉得这个东西需要在做的过程中体会,做好的作品可以,一定要让别人提提意见。这个我收获很多。再者,对于设计和美术的关系我是肯定的,但是你不是要成大师级人物,以你的目标来讲,欠缺这个没太大关系。
(我之前同事有很多画画的,从美院毕业,现在水平也就那样 ,感觉还是刻苦练习为主,辅以别人的指点)
4.关于网页设计,只要前面的学好了,这个相对来说也不困难,前台脚本等等。。easy

ps:。。现在从事后台开发。。

我觉得不用学专门的美术知识,只要有基本的审美能力就好了。

UI设计我觉得是一项非艺术设计活(虽然带有设计俩字)。而更像是技术活,就像编程。它是各种规格标准的。先熟悉工具,然后再DOWNLOAD你觉得不错的UI PSD源文件,看看他是怎么做的。

要不你来这个网站看看http://www.elsyy.com/sale/guoqing2014.html
网页设计软件的,用html元素设计的,是技术问题还是审美问题还是说你缺乏理论知识,你看看哪个更加适合你。
QQ20140928100335
QQ20140928100718

你的回答