1、*先打开我们下载的ps软件,左上角选择文件-新建(快捷键ctrl+N),然后创建一个1920x3000的画布,网页设计分辨率选择72就可以,颜色模式我们选择RGB,点击创建;(注意宽度选择的是像素)
为什么我们要创建1920宽的呢,目前我们的显示器分辨率一般为1920px,所以创建1920px宽度的可以使我们的网页背景正好显示完整,左右不会出现空白。
2、接下来我们要将单位与标尺调整为像素,方便我们测量宽高。操作步骤为:编辑-*选项-单位与标尺(快捷键ctrl+K,找到单位与标尺)
3、选择 视图-标尺(快捷键ctrl+R)调用我们的刻度尺,方便直观的看到宽度和高度;左击刻度尺拖出2条参考线分别到360和1560刻度,使中间留有1200px的宽度。两个刻度尺中间的距离就为我们内容展示的区域,使用 (快捷键ctrl+; )可以显示关闭刻度。
为什么要使用1200px的宽度呢,因为目前主流的网页设计主体内容宽度为980px和1200px,而1200px可以显示更多的内容,网页也可以显得更加的高端大气。
二、使用矩形工具制作黑色背景导航条:
1.选择“矩形工具”,设置填充色为“#333”,描边设为空;
2.创建“图层1”点击画布,在弹出的窗口中设置宽度1920,高度25,点击创建;
3.使用移动工具将导航条移动到左上角;
三、logo图片导入
1、使用文件->打开(ctrl+o),将logo图片打开;
2、ctrl+A选中图片,然后复制粘贴到当前页面中;
3、移动图片到指定的位置
六、什么是网站主页?
所谓网站主页就您进入该网站的当前页面,可以浏览主页面信息
七、什么是网页主页网站?
网站是有独立域名、独立存放空间的内容集合,这些内容可能是网页,也可能是程序或其他文件,不一定要有很多网页,主要有独立域名和空间,那怕只有一个页面也叫网站。网页是网站的组成部分。有了很多网页没有独立的域名和空间也只能说是网页,例如blog、挂在别人那里的个人主页,企业建站系统里的企业页面,多用户商城里的商户……尽管有很多页面,功能也齐全,但都不能叫网站。
网页打开的第一页称为*页 就像一本书的封面
八、国内网站主页设计的比较好的有哪些?
一个网站要做到哪几点才算好呢?
我先将网站主页按功能性分成三类:
一、宣传类(以宣传企业或个人为主——品牌宣传引流)
二、交易类(主要以各电商平台为主——在线交易)
三、综合类(各大品牌官网——宣传和交易都可)
国内稍大一些的公司网站都属于综合类,起到一个门面的作用。对比官网价后,去电商平台下单购买。
而宣传类大部分则是乙方公司,做品牌营销一类的广告公司居多,所以网站主页常以公司做过的一些经典案例展示给客户,跟甲方爸爸的口味一对上,生意自然也就来了。
电商类网站内容驳杂,需要良好的分类展示给用户,浏览时长往往超过其他两类的网站,所以用户体验是重中之重。
宣传类的网站便以视觉冲击强烈为主。
交易类的网站便以用户体验及信息分类为主。
综合类的网站折中。
以此划分对比如下:
宣传类:故宫博物馆
奥美**
恒美广告(DDB)
严格来说奥美和恒美都不算**的,可以看参考一下。
交易类:只对比天猫、淘宝、京东、苏宁、拼多多五家
淘宝*页这种风格就是走的便宜,大分类7种,还是比较合理的。就是颜色较多,在一些分类上有标记颜色的关键词。
京东*页一眼看去相对来说是比较素的,没有颜色标记在关键词上,分类*多,字号较小,看久了有些疲惫。比上淘宝的花花绿绿,眼睛还稍微好受些。
天猫的定位用户群体跟京东是一样的。所以在设计上,比淘宝多了些品质感,字号比淘宝和京东*页都大一些,观感更舒服一点。分类上延续了淘宝的颜色标记热词,数量比淘宝更甚,可能因为字号的影响,看起来没有不适感。相当于在京东的基础上优化了一下。
苏宁这两年交易额的增长相当迅猛,所以将它加入对比中。跟天猫类似,就不多说了。
至于拼多多,它的网站对于一家上市企业来说有点跌份儿了。官网不能交易,全是将流量导入到APP中。其实对于不想下APP又想体验拼多多的人来说,这个网页还是挺重要的,这两年小程序的出现大概也是网站寞落的原因吧。
有点偏题,咱们回来,综合对比来看,天猫*页这方面的用户体验更好。
综合类:
以音乐网站为例,对比了QQ、网易云、酷狗、虾米四家的网站*页。
除了满足用户听歌的功能性需求,网站还需要将这些来网页上听歌的人导入到APP中,这样才能为以后的音乐付费打下基础。
这个对比就有些私人化了,虽然我用的是网易云,但是我还是觉得虾米音乐的官网更有设计感。
值得一提的是,每次搜索出来这些网站都有Slogan
QQ音乐-千万正版音乐海量……(太多字)
酷狗音乐-就是歌多 (言简意赅,就是有钱)
虾米音乐-发现音乐新** (听歌靠发……发现)
惟独网易云没有,意思非常明显,要啥啥没有,好歹虾米还能靠发现,看着歌单里的歌一**变灰,真是忍不住吐槽……
九、拼多多怎么设计主页?
拼多多的主页设计可以使用微信开发者工具或者VSC等工具,使用html语言设计
十、投票主页面怎么设计?
选择需要的图片,写好需要投票的标题。找个投票平台上传即可
免责声明:本站所有内容及图片均采集来源于网络,并无商业使用,如若侵权请联系删除。
上一篇:数字化网站建设与在线营销策略
下一篇:做网站-多少都要来点新花样!