1.0.47

优秀网页教程(1)   如何创建一个绚丽多彩的商业Web页面

普通推荐
王羽枫
杭州/设计爱好者/11年前/19995浏览
优秀网页教程(1)   如何创建一个绚丽多彩的商业Web页面普通推荐
王羽枫

How to create a colorful business web layout.

 

 

Hello,该教程将逐步教您如何制作一个华丽的Web网页。

 

 

1、首先需要创建一个新文档,大小 1200*1172px,背景设置为#efefef

 

2、使用矩形工具,在所创建新的图层内一个大的灰色矩形,命名“Grey”,大小1200*620px。

 

3、为这个Grey矩形添加如下图层样式。

 

4、在Grey图层上方再新建一个图层Image,再该层添加另一个形状,但这次我将使用圆角矩形工具。加入选择一张如下图漂亮的梦幻图片。

 

5、对这张梦幻图片,添加一些图层样式,如下。

 

6、在大图片下面,继续创建4个小矩形。尝试使用不同的颜色。

我使用的尺寸是222*182px。颜色值分别是:#f15522、#66aa44、#eea411、#1188cc

 

7、现在我们做一下小颜色块上的高光效果。

创建另一个层(按CTRL + SHIFT + ALT + N),在高光层内,添加白色到透明的径向渐变。

 

8、调整该高光层的混合模式为叠加,同时改变不透明度为50%.

 

9、复制该高光层到每个颜色图层上方。

 

10、接下来做导航部分。

在网站布局的顶部,将创建一个新的矩形。

 

11、对该层使用下面的图层样式。

 

12、创建一个小圆椭圆工具,直径22px。

 

13、对这个小圆,添加下面的图层样式。

 

14、现在进行圆形的重要的调整,删除圆形下半部。有两种方法:

①、首先需要右键单击层在你的图层面板中,然后使用矩形选框工具选择的下半部分的圆圈,按键盘上按上删除。    

②、另一种方式是栅格化的该圆形路径,使用橡皮擦。

 

15、为导航添加Icon。

这个导航样式适合比较简约版Icon,并做出凹陷进去的图层质感。

 

16、对于所有这些Icon,添加下面的图层样式。

 

17、在Icon之间,加入一些垂直分割线。

 

18、分割线设置如下的图层样式。

 

19、下一步是为网页加入Logo。

 

20、使用圆角矩形工具,在Image图层底部添加另一个的形状。

 

21、为该矩形添加下面的图层样式。

 

22、使用椭圆工具继续添加一些小圆形。

 

23、在颜色矩形右上方,使用椭圆工具绘制一个圆形。

 

24、选择圆形图层,创建剪切模板。

 

25、对于这个白色图形,添加下面的图层样式

 

26、复制该样式,到每个颜色框的右上方,并保持相同的空间比例。

 

27、然后添加另一个图标,和一些标题文本。

 

28、继续完善内容,注意正文内容较多时,要文字比例比较小,同时采用与标题字颜色反差,这样能突显出Title的醒目性,并在其间加入横向分割线。

 

29、最后一个步骤,添加另一个文本与横排文字工具。

 

30、这是最后的结果。希望你会喜欢它。

您可以使用该Web布局,加以细微的修改,使得它成为另一个Wordpress主题。

12
举报
273
分享
翻译文章 网页
声明:站酷(ZCOOL)内网友所发表的所有内容及言论仅代表其本人,并不反映任何站酷(ZCOOL)之意见及观点。
评论
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
登录注册
侵权申诉 企业服务 帮助中心
京网文[2023]1747-060号 京公网安备11010502000501号 京ICP备11017824号-4 京ICP证130164号Copyright © 2006-2024 ZCOOL站酷

哆哆女性网seo优化日常工作棋牌室起个名字手游设计网站seo研究中心vip教程抖音营销推广方案甜食起名六爻占卜周易网公司网站制作 深圳seo是什么车诗颜网哄女朋友开心的话周易婚姻算命配对网站建设合作流程seo网站优seo优化推广达州手机网站建设php网站 建设广西网站设计如何制作做网站沐字起名寓意好不机器人推广营销城隍庙美食关于中秋节的作文昆明制作网站价格周公解梦梦见车站三才五格起名网婴幼儿起个好听的小名网站制作武汉公司网站设计专家周易中国济南seo推广淀粉肠小王子日销售额涨超10倍罗斯否认插足凯特王妃婚姻不负春光新的一天从800个哈欠开始有个姐真把千机伞做出来了国产伟哥去年销售近13亿充个话费竟沦为间接洗钱工具重庆警方辟谣“男子杀人焚尸”男子给前妻转账 现任妻子起诉要回春分繁花正当时呼北高速交通事故已致14人死亡杨洋拄拐现身医院月嫂回应掌掴婴儿是在赶虫子男孩疑遭霸凌 家长讨说法被踢出群因自嘲式简历走红的教授更新简介网友建议重庆地铁不准乘客携带菜筐清明节放假3天调休1天郑州一火锅店爆改成麻辣烫店19岁小伙救下5人后溺亡 多方发声两大学生合买彩票中奖一人不认账张家界的山上“长”满了韩国人?单亲妈妈陷入热恋 14岁儿子报警#春分立蛋大挑战#青海通报栏杆断裂小学生跌落住进ICU代拍被何赛飞拿着魔杖追着打315晚会后胖东来又人满为患了当地回应沈阳致3死车祸车主疑毒驾武汉大学樱花即将进入盛花期张立群任西安交通大学校长为江西彩礼“减负”的“试婚人”网友洛杉矶偶遇贾玲倪萍分享减重40斤方法男孩8年未见母亲被告知被遗忘小米汽车超级工厂正式揭幕周杰伦一审败诉网易特朗普谈“凯特王妃P图照”考生莫言也上北大硕士复试名单了妈妈回应孩子在校撞护栏坠楼恒大被罚41.75亿到底怎么缴男子持台球杆殴打2名女店员被抓校方回应护栏损坏小学生课间坠楼外国人感慨凌晨的中国很安全火箭最近9战8胜1负王树国3次鞠躬告别西交大师生房客欠租失踪 房东直发愁萧美琴窜访捷克 外交部回应山西省委原副书记商黎光被逮捕阿根廷将发行1万与2万面值的纸币英国王室又一合照被质疑P图男子被猫抓伤后确诊“猫抓病”

哆哆女性网 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化