一、网站布局规划
首先咱们要规划好网站的结构,就像盖房子要先打好地基一样。一般企业官网都包括这几个部分:
顶部导航栏
大图Banner
产品展示区
公司简介
新闻动态
联系我们
小技巧:在PS里新建文档时,选择1920×1080像素,这个尺寸最适合网页设计啦!
二、顶部导航栏设计
新建图层(Ctrl+Shift+N)
用矩形工具画一个横条,高度设置80px就够啦
图层样式里加个投影,让导航栏看起来有立体感
不透明度:30%
距离:5px
大小:5px
记住哦,导航栏不要太花哨,简洁大方才是王道!
三、Banner设计
这可是网站的门面担当,咱们要好好设计~
找一张高清大图,用智能对象导入(这样后期调整都不会掉质量)
给图片加个渐变叠加
黑色到透明
不透明度40%
角度45°
这样文字放上去就超级清晰,贼专业!
四、内容区块布局
内容区域要讲究块状分布,小旅教你个小窍门:
打开参考线(Ctrl+;)
设置12等分网格
每个内容块按网格对齐
这样排版就整整齐齐,看着就舒服!
五、配色技巧
配色头疼的小伙伴看过来:
主色调选择:
蓝色系:专业可靠
绿色系:环保创新
红色系:活力热情
小旅的配色小公式:
主色占60%
辅色占30%
点缀色占10%
六、字体运用
企业网站最忌讳的就是字体太花哨!记住这几个原则:
标题用细黑体
正文用雅黑
英文推荐Helvetica
字号也要讲究层级:
大标题:36px
小标题:24px
正文:14px
七、导出切图
终于到最后一步啦!
分别导出各个区块:
文件-导出-存储为Web所用格式
jpg格式,质量80%就够啦
切记给图层分好组,按顺序命名
小贴士:像logo这种小图标,用PNG格式导出,这样才不会有杂边!
总结一下
做企业官网,记住这几点就够啦:
布局要规整
配色要克制
字体要统一
留白要充足
最后送大家一句话:不是越复杂越好看,而是越简单越高级!

優(yōu)網(wǎng)科技秉承"專業(yè)團隊、品質服務" 的經營理念,誠信務實的服務了近萬家客戶,成為眾多世界500強、集團和上市公司的長期合作伙伴!
優(yōu)網(wǎng)科技成立于2001年,擅長網(wǎng)站建設、網(wǎng)站與各類業(yè)務系統(tǒng)深度整合,致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設(品牌展示型、官方門戶型、營銷商務型、電子商務型、信息門戶型、微信小程序定制開發(fā)、移動端應用(手機站、APP開發(fā))、微信定制開發(fā)(微信官網(wǎng)、微信商城、企業(yè)微信)等一系列互聯(lián)網(wǎng)應用服務。