1、网页设计知识提升?
我觉得吧先下些免费的模板来学会比较快点,光靠自己学没什么压力,也不知道问题出在哪里
或者看看人做好的演示版本,我看到
http://iisp.com/design/?s=macui
这个地方模板挺多的,还有实战演示的版本!
2、怎么提高网站的设计感
一、 色调
到这几乎差不多已经完成调整了,但如果你够细心的话会发现按钮以及导航菜单的颜色还是 Bootstrap 默认的蓝色系。在有着设计师存在网站,设计师都会负责进行网站色调的调整,为了保证网站的一致性,所有按钮和导航一般是三到四种颜色。
在这里,虽然不可能像大公司网站那样取色严谨,但还是有一些快速的方法使网站看起来很搭配的。
使用 GIMP 的取色器读取背景图片的主题颜色,确认其 GBR 十六进制值;
使用 Color Scheme Designer 确认与差异大但同时又互补的颜色;
最后根据确定的颜色来制定按钮,可以用[Bootstrap Buttons][]等在线直接生成。
这样首页上那个大大的注册按钮就搞定了,接下来是修改导航菜单的颜色,这个比较简单,写入代码 .nav-pills > .active > a, .nav-pills > .active > a:hover {background-color: #FF9473;} 即可。
二、 字体
修改网页字体是让网站看起来更有特色、有现代感的捷径,我们可以去谷歌的字体服务(免费正版)中随意挑选自己喜欢的字体,但是要注意字体间的搭配,在这里我们选择由 DesignShack 推荐的谷歌字体搭配中的一种:Cardo(用于标题) 和 Nobile(用于主体内文)。
在网页头部中加入此代码:
在 CSS 样式表 custom.css 中加入以下代码:h1, h2, h3, h4, h5, h6 {font-family: 'Corben', Georgia, Times, serif;} p, div {font-family: 'Nobile', Helvetica, Arial, sans-serif;}
添加完后刷新即可查看效果了,现在我们的网站样式已经变成下面这样了,看起来比默认好多了。
此外,除了谷歌的字体服务外还可以使用像 Fontdeck 或 Typekit 字体服务,它们的字体更多,更多的字体搭配方案可以参考 Type Connection。
三、 CSS3
将上面都搞定后接下来要做的就是再加点 CSS3 特效了,如果时间不够的话简单的添加上盒阴影 box-shadow 和字体阴影 text-shadow 就可以让网站增色不少,CSS 代码如下。
h1 { text-shadow: 1px 1px 1px #ccc; } .div-that-you want-to-stand-out { box-shadow: 0 0 1em 1em #ccc; }
如果时间足够的话还可以添加一个放射渐变填充效果,可以让标题的显示效果更重一些,如下面对比图所示。(如果想要更多 CSS 效果的话可以去学习一下 CodeSchool 的在线教程)
四、jQuery
其实到这里了话网站看起来已经很不错了,但为了让它更加个性化,还需要再添加上一张背景图片。对很多程序员来说这一步是比较难以进行的,那么应该如何选择一张设计师可能会使用的图片呢?答案就是去 iStockPhoto 或类似的付费图库中去寻找。
这里我们将使用 Winter Sun 这张照片,为了让网站保持自适应布局,还需要使用 Backstretch 这个 jQuery 插件让背景图可以随时自动调整大小。
首先需要付费下载背景图片,然后放到 /img/ 文件目录中去。
将此图片设置为的背景图(background-image): $.backstretch ("/img/winter.jpg");
加入背景图后网页主题部分会产生遮挡,所以可以让其透明,这样网站效果看起来会更加现代、有设计感。这里可以使用这个技巧将网站变得透明,代码见右边,.container-narrow {background: url (/img/cream_st_transparent.png) repeat 0 0;}
五、 纹理
知道如何让一个网站看起来更加高雅优雅一些吗?是的,纹理。就像 24WAY 的背景纹理一样。
但是这些纹理效果应该去哪里寻找呢?设计师 Atle Mo 的 Subtle Patterns 网站是个不错的去处,我们接下来就使用这个网站上的 Cream Dust 纹理。点击下载,将纹理图片保存到本地,然后放到根目录下的 /img/ 目录文件夹中,最后到 CSS 样式表中加入代码 body { background: url (/img/cream_st.png) repeat 0 0;} 即可。
六、 图标
这里的图标并不是指那些透明的 PNG 图片图标,而是图标字体,其加载方式和字体一样,由 CSS 样式控制,比起图片图标来说这种图标字体加载速度更加,对资源的消耗也更低。在去年 24WAY 曾经有一篇如何在网站中使用图标字体的文章。
对于 Bootstrap 框架来说,整合的图标字体是 Font Awesome (Shifticons 也是一个不错的选择),和谷歌的字体服务一样也是免费开源的。要使用它只需将其下载下来,然后在根目录下创建 /fonts/ 文件夹,将其放进去。然后再将 font-awesome.css 文件放到 /css/ 目录文件夹。
接着将引用写入网页头部中,代码为 ,这时候我们可以随时在网站上任意地方自由使用这些图标字体了,如要想将一个卡车图标添加到注册按钮的话只需声明一下就可以,Sign up today。同时为了防止加入图标字体后引起按钮拉伸变形,还需要一点点额外的工作,将按钮宽度加大一点(.jumbotron .btn i { margin-right: 8px; })。
3、如何提高网页设计的满意度
用户调研 设计用户体验调研问卷,包括用户基本网络行为、产品使用情况、用户态度、可用性评估、用户群背景等信息。
可以通过在线问卷等多种方式大范围开展调研
用户调研报告包括分析整理后的问卷调查数据,形成单项评估结论,包括用户群分析(用户行为、态度、背景资料、使用情况)、用户需求、用户满意度等。
用户调研的目的是帮助交互设计师调查了解用户及其相关使用的场景,以便对其有深刻的认识(主要包括用户使用时候的心理模式和行为模式),从而为后继设计提供良好的基础用户访谈
1,通过小范围访谈,收集用户的意见和在使用过程中可能存在的实际状况或问题,最后将分析结论汇总为用户访谈报告。
2,好的设计人员一定是要是一个好的用户需求分析策划和访谈人员,做访谈时要以设计的思路去考虑用户所说的,用设计的发现眼光去发现用户所说的背后隐含的意义,并且要有强的逻辑思维去整理,并做出迅速的反应,即稳,准,狠。
3,用户访谈的目的主要是辅助设计人员了解用户的使用习惯和使用背景。
运营分析
1,针对收集到的网站运营和用户行为数据进行分析,发现其中的规律,总结网站整体运营情况、用户群和行为模型,以及相应的用户体验指标,形成运营数据单项评估结论。
2,分析对象以产品研发和维护、内容管理、公司客户销售和服务、用户管理服务为主,发现与用户体验相关的运营问题,比如组织、流程和工具、员工和能力、KPI、IT工具维度分析运营中的问题等,并分析原因和给出改进建议
用户需求分析策划
1,用户需求分析策划是观察典型用户使用产品的过程,最后在提交的用户需求分析策划报告中总结需求分析策划过程中发现的问题,并给出改进建议。其过程包括:
2,制定用户需求分析策划的范围、评估标准、实施流程、人员安排和时间计划等
实施用户需求分析策划,收集相关数据
3,分析整理用户需求分析策划结果,形成评估结论,主要包括现有网站的可用性问题及用户反馈。
用户需求分析策划的目的是需求分析策划产品而不是用户本身,以预测真实真实环境下用户可能会遇到的严重的产品问题。
用户体验工作还有许多可以做,在这里只介绍这么几个方法。所有这些最终还是需要认真切实的执行。在工作中不断的实践提升水平,以用户来驱动产品的设计。
4、如何提升网页设计的视觉层次感
1. 明确元素设计目标
网页上的各项元素通常都有其存在的目的和意义,在构建视觉层次时我们就可以从这方面着手,根据网页元素的不同角色确定优先级,然后进行视觉层次的构建。
2. 考虑用户浏览模式
当用户初次访问网站时,他们一般不会仔细浏览所有内容,而是会进行快速的扫视,确定其中是否有自己感兴趣的内容。
3. 功能性优先
我们常常会有这样一个误区,认为视觉层次是服务于网站设计美感的。其实,视觉层次设计的功能性反而要更重要一些。设计师在构建视觉层次时首先需要确保每个元素发挥了自己的作用,比如提供给用户清晰的导航菜单、可见的购买途径等,然后再考虑元素组合的界面美观与否。
4. 善用留白
留白或者说负空间,不仅仅是指界面元素之中空白的区域,它更是视觉层次构成的核心元素之一。在视觉层次设计中,留白一方面可以用来联系或区分不同内容元素,创造别具一格的布局。另一方面它还可以帮助强调某个关键元素,让它获得用户额外的关注。
5. 使用黄金分割
黄金准则主要是指1:1.618的页面比例,它被公认为是最具美感的,在自然界、日常生活、舞台布局等多个方面都有着不同的应用。
5、作为一个美工,如何提高页面设计水平?
哇,,我现在正想成为一个美工呢。能不能一起交流下
我个人认为你要提高设计水平,除了过硬的美工基础。你应该还是要有自己的思想,构思
用自己的色彩来设计一个活动页面或者是网页
如果这还认为不够的话,。你就多多欣赏下其他高手的设计作品,然后反复思......
比如经常在淘宝看看淘宝的一些活动页面,或者上其他的网站去看看都是可以的
望楼主采纳支持下哈。。保持通话啊
6、如何提高网页设计水平
1、学好html和css编程。
2、注重细节。
3、善于使用留白。
4、图片很重要。
5、充分发挥色彩的威力。
6、不要忘了页脚。
7、清晰的导航条。
7、怎样提高网页设计创意能力
一、浏览网站,拓宽视野
·网站
1.pinterest
https://www.pinterest.com/
Pinterest通过用户挖掘有趣内容,收藏并分享的模式,将全球优秀设计素材分享给大家,Pinterest采用的是瀑布流的形式展现图片内图片内容,无需用户翻页,新的图片不断自动加载在页面底端,让用户不断发现新的内容。
2.Behance
https://www.behance.net/
Behance是全球领先的创意设计类聚合平台,推荐和分享优秀设计作品。在这里,可以第一时间欣赏到最优秀的作品,找到最优秀的艺术家。找寻更多的创作灵感。
3.Yanko Design
http://www.yankodesign.com/
Yanko Design几乎包含了全部最新的产品设计、新技术、设计思维,是非常值得推荐收藏的产品设计网站,喜欢的小伙伴快快收下。
4.Core 77
http://www.core77.com/
Core 77是老牌设计网站,站内瀑布式排列,像看杂志一样的内容排版,包含科技感设计,适合设计类及理工类专业。
5.Designboom
https://www.designboom.com/
Designboom平台自从1999年起便成为艺术设计领域的大本营,独立报道一系列产品设计、建筑、艺术、摄影以及平面设计方面的先锋作品。
6.Css winner
http://www.csswinner.com/
Css winner是一个独特的全球性平台,专门展示和奖励最佳网站,推广创新设计师网站、开发者和机构。顶部有导航栏,可以根据自己感兴趣的分类查看。
二、多读书,巩固基础
·书籍
1.《设计中的设计》 原研哉
与艺术相比,“设计基本上没有自我表现的动机,其落脚点更侧重于社会。”以原研哉为代表的一些日本设计师,设计的出发点并非是自我风格的表现或是个人情绪的张扬,而是从揣摩大众的感受出发——无论是视觉还是触觉。先将日常的事物陌生化,再重新进行设计——这种贴近生活、以生活的文化积累为素材的创新在这个纷乱的信息时代显然是十分可贵的,也必将有利于大众的审美意识提高。
2.《现代设计史》
这部涉猎广泛、富有洞察力的著作,纵览了18世纪至今的实用艺术和工业设计,不仅从纵向阐述了各个设计流派、各种设计风格的演变过程及其代表作品,而且从横向探讨了设计和生产、消费、科技、商业之间盘根错节又变动不居的关系。这是一本几乎每个设计师都要拥有的一本书,地位很高,专业性极强,涉及和设计相关的各行各业,材料,科技,政策,物质资源,权力,需求…
3.《The Graphic Design Idea Book: Inspiration from 50 Masters》
这本书是针对优秀设计关键要素的介绍,介绍了广受好评的设计师的主要作品,涵盖的主题包括叙述、颜色、图形和装饰等。
4.《大设计》Penny Sparke
在《大设计:BBC写给大众的设计史》一书中,设计史学者彭妮•斯帕克给我们展示的,远远超过了一段经典设计作品的历史。本书的五个章节,引导读者穿越时空,依照时间顺序游历现代设计:从十九世纪的工业化生产;到现代设计运动,包括包豪斯及其他相关设计活动;经历简朴生活和战争时期;再到战后繁荣及对新材料、新技术的探索;最后在二十一世纪以设计参与到各种最新的活动与事件中结尾。
5.《写给大家看的设计书》
这本书出自世界级设计师之手-Robin Williams,世界著名的设计师、技术专家和畅销书作家。大家经常用到的“亲密性、对齐、重复、对比”4 个设计基本原则,就是出自《给大家看的设计书》。这本书将复杂的设计原理凝练为了简单易懂的、可操作性强的设计技巧,并以简洁明快的风格,展示了大量的示例,让你了解怎样才能按照自己的方式设计出美观且内容丰富的产品。
三、参观展览,提高审美,寻找灵感
不要仅仅局限于以上方式,你需要走出去,多看是需要灵感的工作者需要做的事情,看的越多,脑子里面东西就越多,那也就越有灵感。对于设计师来说,看设计方面的展是必须的,但也不能只看设计方面的展子,艺术创作,涂鸦,摄影展……都要去看,为什么呢?因为美感,设计感,创意感是共通的,不论是在艺术还是设计领域,从不同方面看并吸取经验和知识会让你的设计更加富有创意,与众不同。可以随身携带小本子,这样当灵感来的时候可以迅速画下来,日积月累就会成为你自己的素材库了。
四、研究优秀作品,解读设计思路
当你的知识储备量够了以后,可以尝试对优秀设计进行解读,理解它的设计思路、思维逻辑。选择几个你最喜欢的设计师,仔细研究他们的作品。喜欢哪种设计师的设计风格、设计理念,可以从模仿他的作品开始,要注意的是模仿并不是一件坏事,不是指抄袭,它是探索你自己风格的一个过程。那些设计大师之所以能够成为的大师,就是因为他们的作品足够独特,有创意,有自己的风格。我有个“鬼才设计师”专栏,专门介绍全球著名的设计师,感兴趣的话可以去看一看。
五、善于观察、发现问题
设计师还要善于观察生活,发现生活中的问题,因为设计本身就是从实际问题出发,发现问题,解决问题的一个过程。很多设计都是为了优化人们的生活而存在的,所以设计师们尤其需要擅长发现问题。在产品本身具有设计感创意感的同时也不能忘记它是为解决问题而存在的。
就比如公交车的扶手设计,由于都是统一高度,这就对比较矮的人很不友好。
但按照上图显示的设计,利用三角形作为把手,就可以照顾到不同身高的人。这个问题就是来自于我们生活中经常看到的。
分享一个慢镜头动作分析的方法,比如坐在沙发上看书,天暗了需要开灯,一般正常人的思维就是站起来,去开灯。那作为一个设计师,就需要仔细将这一串的动作进行分解,如果是需要开顶灯,就得站起来,走过去,按开关。如果沙发旁正好有个落地灯,岂不是会方便很多,那打开灯的方式是触摸开关、拉绳开关还是声音开关,调节方式是需要手势控制、遥控控制还是声音控制。这样就会发现很多需要优化的地方使其更加便利。所以想要发现设计点就需要把整个动作慢下来去分析。
最后还可以针对特殊人群去发现问题,像老人、小孩、上班族、家庭主妇等等。他们会面临什么样的问题,这样就会很快找准设计痛点。市场上目前有没有解决这些问题的产品,有的话,就再思考还有哪些需要优化、完善的地方。这就需要你用挑剔的眼光来看待周围的人和事物。
六、注重交流
在追求设计感与创意感的同时,也要考虑到所设计的作品的实用性,因为设计本身就是一个关于人,解决人的问题的行业,只有沟通交流才能了解彼此所需。这里不单单是指和用户的交流,有的设计需要团队协作完成,这时候,和同学、同事、合作伙伴的交流同样非常重要。而且经常与优秀的人沟通交流比起自己一个人闷头干效率会高跟多。
七、参加比赛,将理论应用于实践
此外还需要实践,执行力是身为设计师的很重要的一点,执行力的强弱是影响一个设计师的效率的重要因素之一,比起犹犹豫豫的去想怎么做该不该做,先让自己的手动起来,在行动中找到灵感,可以去参加一些设计类的比赛,比如IF、红点、idea奖以及日本G-Mark设计奖等等,方便参观到全球更多的优秀设计,理论加实践的结合,才能做出有设计感、创意的优秀设计。
刚开始从事各种创意工作的新手设计师,可能最初做的东西并没有那么好,是因为相比一些老设计师,你没有足够的经验和知识储备,只有熬过积累的这个阶段,最终,你的想法、创意,就会更加出彩。现在所能做的最重要的事,就是不断学习、不断创作。
8、网页设计师 平时活不多 怎么提高自己的水平
转一个设计师的类似看法
1,除非你十分的喜欢,为此可以放弃一切,专心致志的学这一样,否则,放弃吧,网页设计知识其实很难,很广,牵扯的技术从服务器、防黑到美工、flash和动态的asp语言都必须有一个深刻的了解,否则,你做的网页都是有缺陷的,或者呆板、或者被黑客攻击、或者更新复杂。近年来,网络开发语言飞速发展,新兴的CSS定位等等制作方法,让我觉得我已经落伍了……
2,确保你有一定的美术基础,如果没有任何的美术基础,请不要进来,因为你会发现你很难学好,当然不排除个人的努力,自然也可以超过所谓的搞艺术的。另外网页设计和其他的设计一样,面对的是用户,所有你还要有开阔的心胸,否则,你会难过得要死,在中国的目前的设计理念下;M
3,如果确信你是喜欢的,那么开始吧。从最简单的静态界面开始,你可以试着给自己做一个个人主页,刚开始,多多模仿国内外的优秀作品,学习他们的配色,观察他们实质,诸如风靡中国的韩国设计风,他们统一的风格,自然有他们的道道可以寻找,很多人已经总结过了,我在这里不赘述;X
4,激情很重要,问问你身边的优秀网页设计师,他们做到兴头上,是废寝忘食的,我很多时候,好几天不出门的做一个网站,无心睡眠,做梦的时候都是在设计,都是在思考,有时候,回到现实中,杯子打碎了,我会想没关系,只要按一下Ctril+Z撤销,它就会恢复原状……D
5,自学是最好的办法,当然关键时刻需要点拨,这时你需要有志同道合的朋友,和你讨论,和你分享,这时,你会发现你的进步飞速;
6,试着做一些商业的网站,不可以忽视任何一个小问题,不可以应付,把每处做到最完美,那就是最完美的作品,理论是这样的,当然这也许在你眼里的完美,不一定每个人认同,但是慢慢会有更多人认同的;
7,设计,是要参考的,是可以能会去抄袭的,但不是照搬。
8,观察生活,让你的生活中的点滴,成为你的灵感。总的说来,太大咧的人,太理工的人是做不好设计的。君不见,那些美丽的网页上的文字个个煽情,个个斟酌……
9,遇到问题不要急于问别人,先自己用Google、百度搜寻答案。loveyuki的经典名言 :“不要问我,问google”
9、怎么学好网页设计?还有怎么能够很好得提升这方面的相关能力啊?
相关的软件 DW PS VS JS这些要掌握 然后就是提高审美能力 只会技术的话 是做不好设计的
10、网页设计技术如何提高 html+css?
当你的技能达到一定水平的时候,那就是开始修炼内功的时候了。相当于一棵树长到一定程度,如果它的根没办法在生长,就没办法吸收更多的养分,也就没办法变得更健康,更茂盛,更健壮。你的内功修炼过程可以从两方面进行:
一、继续精进技能。
二、借鉴其它领域的思想成果。
一、继续精进技能。从前端技术人员的层次提高自己到站长的位置,这么一来看问题就会更加全面,更加清晰眼前的路该怎么走。看看《SEO实战密码》,把眼光开阔一下。技能方面的精进,有空逛逛“豆瓣读书”,多留意上面评分高的优秀书籍,选择阅读,有时间可以关注这些优秀书籍的翻译者的博客,看看他们的思想和介绍,以及在在“豆瓣读书”的优秀书籍上留下好的评论的那些人的还读些什么书。比如:《JavaScript高级程序设计》的翻译者李松峰的博客就推荐了一些javascript的书籍:
javascript高级程序设计Learning JavaScript(JavaScript学习指南)Learning jQuery 1.3(jQuery基础教程 第4版)Object-Oriented JavaScript(JavaScript面向对象编程指南)JavaScript:The Good Parts(JavaScript语言精粹 修订版)javascript模式javascript设计模式编写可维护的javascript高性能javascriptjavascript语言精髓与编程实践
这些都是想要精进技能的好书。
二、借鉴其它领域的思想成果。HTML CSS JavaScript都是一些工具,这些工具可以实现我们的日常生活的一些目的,但这些工具包含一些更加高层次的思想,这些思想有好有坏,同时这些思想又是更加高层次的思想的一个组成部分。例如:算法是软件的灵魂,JavaScript的算法不过是软件的算法的一部分。《CODE COMPLETE》(中文译:代码大全)这本书的目的在于,如果我们见过的一个软件项目只价值10万元,那么走哪些路才能让我们具备开发10亿美元的软件项目的个人价值。这里面介绍的就不仅仅是一个软件的基本语法及实践,而是一种用工具做到做好一件事情的思想和做法。
至于更加抽象的思想,估计需要各人一步步去探索和使用。例如更加高级的逻辑技能,归纳和演绎。