首页 > 其他分享 >2023-02-06 初识网页设计

2023-02-06 初识网页设计

时间:2023-02-06 17:35:45浏览次数:58  
标签:02 网页 Business 网站 设计 2023 06 电商 导航

网页的定义

​ 功能和定位
​ 功能的策划
​ 设计的美化
​ 操作体验
​ 对外宣传
​ 提升品牌形象

网站的分类按对象划分可以分为TO C端和TO B端两种

​ TO C端就是面向用户和消费者:门户网站、企业网站、电商网站、游戏网站、视频网站
​ TO B端作为一个需求量很大的类别,后台、企业级别OA、网站统计后台等。注重的是效率而不是体验。

网页的分类

​ 功能性
​ 形象性(品牌形象站)
​ 信息型(门户站)

网页的风格

​ 简约风网页:留白大,黑白灰、彩色配色

​ 正式严谨网站(传统、国企)

​ 趣味卡通网页

​ 年轻活跃网页

网页组成及规范

1.尺寸规范

​ 1920 * 1080 1440 * 900 1334 * 768

​ 常用分辨率1920 * 1080 主题设计1200px,首屏约高700px以里。

2.网页中的字体

​ 中文:微软雅黑 宋体12px 英文:times New Roman Arial 10px

​ 导航文字16~18px

​ 标题文字14~24px

​ 正文文字12~14px

​ 辅助文字12~14px

注意事项:

​ 12px宋体行距一般为16-30px,以20px最为常见

​ 标题区可用黑体(雅黑),14px~24px

2.布局规范

3.网页元素构成(重点按钮)

​ 网页元素

​ 导航

​ 按钮

​ 图标

​ 边框

​ 装饰条

​ 按钮的状态:正常、划过、点击状态、置灰状态(不可点击)

好作品必备要素

​ 页面布局合理

​ 色彩搭配和谐

​ 图片选择恰当

​ 细节处理到位

​ 信息传达准确

导航设计

​ 引导作用

​ 1.顶部导航

​ 2.侧边导航

​ 多表现形式,可动可静,可大可小,比较个性化

​ 节约网站空间的同时也显得更加简约

​ 结构复杂的网站不适用这类导航

​ 3.底部导航

​ 4.汉堡包式导航

​ 节约空间、具有设计感

导航设计流程

1.准备工作:整理导航结构内容

2.分析网站风格,确定导航的具体风格

3.设计方案

----------网站:PS笔刷吧----------

电商设计

1.认识电商设计

​ 卖货:消费者 市场 卖家

​ 线上 线下

常见的电商平台:淘宝 阿里巴巴 京东 唯品会 拼多多

2.电商设计的分类

3.电商设计中的一些尺寸要求

4.技能需求及思维

​# 常见的电商品台

(1)B2B - Business to Business 商家对商家 阿里巴巴

(2)B2C - Business to Consumer 商家对个人 京东、天猫

(3)C2C - Consumer to Consumer 个人对个人 咸鱼、淘宝

(4)O2O 线上线下结合 美团、饿了么

什么是电商设计

主要是网页设计+平面设计

电商设计的分类

电商设计的种类

​ 主图:一般数量为5张,大小800*800像素,其中一张是产品免费流量的入口

​ 详情描述

​ 详情页促销

​ 直通车

​ 钻展

​ 店铺装修

​ 活动页

​ 二级页面/专题页

​ ......

标签:02,网页,Business,网站,设计,2023,06,电商,导航
From: https://www.cnblogs.com/gerenboke/p/17096086.html

相关文章