2024年网页ui设计导航栏尺 篇1
WEB端
必备元素:logo、menu(导航)、banner(动效【flash、H5】)、内容区(新闻、企业简介、产品展示...)、版权信息(版权所有、联系方式)
可选元素:搜索、电话、在线客服、流量统计...
用户体验习惯:左:浏览区域、列表区域
右:功能区域、内容区域
字体:最小12px,最黑#333333
字体12 px、14px、16px效果选择无,其他字号则用锐利、犀利、浑厚等
标题部分字体:14px~24px(尽可能采用雅黑)
正文部分字体:12px、14px(雅黑或者宋体),字行距一般为1.5~2倍之间。
尺寸规范:在分辨率1024px*768px的情况下,满屏宽度为1003px,通常定义可视范围为920px~1000px之间。常见:宽960px、980px、1000px,一屏高度650px。
UI方面
iOS
iphone字体、字号标准
字体:中文:苹方 ; 英文:旧金山
字号:正文最小24px ; 常驻栏icon20px
Andriod
字体:中文:思源黑体 ; 英文:roboto
字号:注释最小:24px ; 文本:28px ; 文章标题或图标名称:32px ; 导航标题:36px(在这里为720px*1280px的尺寸下设计规范,注:1sp=2px)
界面尺寸
图标尺寸
以上内容希望可以帮到你!
2024年网页ui设计导航栏尺 篇2
网页设计干什么?
网页设计细分的话,可以包含:
1、网页界面设计
就是现在你看到的每个网页界面,哪里放导航栏,哪里放文章列表,哪里放图片等等,对一个网站来说,所有界面都需要预先设计好,符合其业务需要。
2、UI设计
仅仅把网页上需要展现的东西规划布局还不够,还需要“好看”“简洁”等需求--开起来怎样,美观吗?
3、交互设计
按钮颜色边框等都设计好了,还需要能顺利的操作起来。
哪里放按钮方便点击?当点击导航按钮时,下一步怎么展示?或者怎么跳转?这些和用户交互的都需要设计好--怎么操作更流畅,简单易用?
总之,不同公司对这个岗位(网页设计师)的要求可能有差别,但大致不外乎这几个。