我要投稿
一、网站布局规划
首先咱们要规划好网站的结构,就像盖房子要先打好地基一样。一般企业官网都包括这几个部分:
顶部导航栏
大图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格式导出,这样才不会有杂边!
总结一下
做企业官网,记住这几点就够啦:
布局要规整
配色要克制
字体要统一
留白要充足
最后送大家一句话:不是越复杂越好看,而是越简单越高级!
曲德曲科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!
曲德曲科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。曲德曲科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真)、移动端应用(手机站、APP开发)、微信定制开发(微信亚星官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。
2025-03-08
开发一个微信和抖音小程序大概需要多少钱?
2025-03-08
微信小程序必看的8种费用,不花冤枉钱!
2025-03-08
做一个考试题库小程序需要多少钱?
2025-03-08
微信小程序开发费用解析:从千元到数十万的成本构成与应用场景
2025-03-08
生物医疗领域网站构建指导手册Bio-Medical Field Website Construction Guide
2025-03-08
来直观的感受设计细节是怎么增加网站效率的
2025-03-08
外贸网站建设和国内网站建设的有哪些不同?
2025-03-08
企业亚星官网改版升级有4大目标,让亚星官网从此高大上!