网站如何:新手如何学习网页设计?

  自己也曾自学了半个月的CSS,但是总觉得自己现在的能力还无法应付工作,我该如何学习?该学什么?

  网页设计是PC互联网诞生的产品。也是最近2000年左右诞生. 在互联网未诞生前,信息传递(广告)通过实娆ф床鐢蜂綋缃戠珯,体海报,有了互联网在网站上显示,所以在设计时需要考虑功能和交互,不是单纯的页面展示,带有跳转、选项卡、弹框、表单等功能,和网站有交互通过鼠标和页面有交互。

  简单了解下HTML和css及JS语言,就能发现网站的功能,对你设计有帮助。

  网页设计遵循平面设计大部分原则,但比海报更长、内容更多。网页组成网站,也就是说网页设计是设计好几张页面。例如:登录注册、首页、关于、内容、支付、活动、订单….,不同类型网站内容不一样,我只是列举几个。

  大部分网站首页包含3部分、头部(轮播、导航)、中间内容、底部(联系、、)。

  网页设计一样遵循平衡、节奏的原则,这两个原则很重要,贯彻整张页面的设计。图文排版、配色、大小、配图都要平衡。这个是站酷加Z设计,俊敏出的一篇配色、配图和字体选择的实用文章,文章写得很实战!https://www.zcool.com.cn/article/ZNzM2MTA0.html

  我说下平衡和节奏

  平衡可能大家想到的是太极、黑白、水火之类的,

  平衡是什么?怎样把平衡用到设计中?

  网站如何:新手如何学习网页设计?-U9SEO鍏嶈垂鐨勭綉绔欏钩鍙?网站如何:新手如何学习网页设计?-U9SEO构成艺术

  其实平衡是力的重心。

  将其分量加以重新配置和调整,达到平衡的效果。

  就是看上去重心在这个面上的中间位置。

  ———————————————————————————————-

  网站如何:新手如何学习网页设计?-U9SEO网站如何:新手如何学习网页设计?-U9SEO构成艺术

  这几张海报都是平衡的。

  左上图,如果没有右上角的文字整个海报重心就会在左下方。看上去重心在中间了,这里面还用了对比,其实右上角有线条,画面更丰富。

  右上图,重心也在中间了,一定要看大体,不要一模一样,那样就成了平衡,这样才有对比,有了对比画面有主次、有血有肉丰富了。

  左下图,右下图,重心差不多都在重心都在画面重心。

  ———————————————————————————————-

  网站如何:新手如何学习网页设计?-U9SEO网站如何:新手如何学习网页设计?-U9SEO站酷首页

  我这是在站酷上,刚截的图,你看摄影也是这样,缩略图重心都中图中间位置。

  网页长,可以拆成我刚说的那3部分,中间内容部分,可以拆成更多部分,你可以把每一部分理解成一张海报,这样一张网页就是多个海报了,让后整张长网页也要平衡。

  网太慢了,打不开,这个是站酷网页设计的列表。看看是不是都遵循这个规律。如果你不遵循就会别扭,达不到高水平。

  https://www.zcool.com.cn/discover/607!0!0!0!0!!!!3!-1!1

  ———————————————————————————————-

  简单说下平衡,再说节奏。

  什么是节奏?怎样把节奏用到设计中?

  通过某一形象,以相同的间隔重复出现。

  重轻、重轻、重轻、重轻、这个通栏背景块就是重,无背景的是轻,这个就是网页设计的节奏。像音乐,咚哒咚哒咚哒….

  2015十二星座六月运势网站如何:新手如何学习网页设计?-U9SEO2017年5月11日星座运势完整版网站如何:新手如何学习网页设计?-U9SEO

  ———————————————————————————————-

  再看个复杂些的,有变化的。 有没有觉得下图应该是12354的正常节奏,最后设计找了个变化4、5调换了位置2017年7月10日星座运势完整版

  鑺开鍥藉缃戠珯,网站如何:新手如何学习网页设计?-U9SEO网站如何:新手如何学习网页设计?-U9SEO

  好了先说这些吧!有空再写详细些。

  摘自:图片《摄影构图学》克莱门茨 罗森菲尔德 、《构成艺术》赵殿泽、站酷网认证设计师梁定然、站酷网认证设计师俊敏isgn