网页平面设计教程

 时间:2024-10-12 03:26:48

网页的设计都是通过先出效果图来实现的,我们看到的网页都是一张张图。

工具/原料

电脑

软件

方法/步骤

1、网页平面设计,要明白网页的基本构造,我们常见的网页有什么形式,例如企业的官网,新闻类的信息流网站,购物的网站,他们的样式等都是不同的,设计时也不会相同。

网页平面设计教程

网页平面设计教程

网页平面设计教程

2、但网页设计的大小却是一定的,或是有一个范围,不管是是类型的都一样的,宽度不会超过1920像素,这是一个固定的范围,要显示的范围会比这个数值更小。

网页平面设计教程

3、网页设计还是使用位图软件比较多,如PS,根据网页类型新建画布,然后做一些参考线即可开始着手设计了,不同的类型有不同的设计方法和技巧。

网页平面设计教程

4、购物型网页,展示商品,广告等也比较多,板块分类比较多,例如某宝,某东,都是如此,已经形成了一定的规范,可以直接模仿即可,这样不会改变人们的购物习惯,人们知道什么功能在哪里。

网页平面设计教程

5、企业网站类型,不同的企业会有不同的样式倦虺赳式,但都大同小异,也有一定的规范化,页面的开头基本都是一样的,比较固定,样式上也没什么大的变化,大型的图片,然后就是各自需要的板块,基本都会有一些介绍,产品毽爸程风介绍等。

网页平面设计教程

6、新闻类的信息流网站,这样的网站图像粲茸锿枋不多,可以说比较少,大面积都是文字,用文字来说明新闻,但会有一些插图等,虽然都是文字,可以利用文字的大小,粗细,深浅等来区分重点与普通,也能让人一目了然。

网页平面设计教程

7、在设计时还要掌握一些基本的设计理念,大小对比,颜色搭配,合理布局等,这些都是整体或鋈守踬痊是局部的运用,是设计的综合体现,很是影响设计的效果,设计出的网页不仅要浏览舒适,还要方便快捷的看到浏览者想看的芟坳葩津,或是想表达的。

网页平面设计教程

customized 与custom-made区别 教你网销如何吸引客户 ai制作环形渐变色效果步骤介绍 如何利用ps制作玻璃纸效果 加入作业帮帮圈的方法
热门搜索
自制灯笼的做法及图片 运动会图片大全 图片ps教程 first青年电影展 中式装修图片