2024年网页按钮如何设计规范 篇1
seo是一个系统的工程 而网站则是seo系统的核心，那么seo有没有规范的URL呢
根据我这么多年的经验来看 没有没有绝对规范的URL 但有也有相对适合seo路径的URL
做seo 首先得保证网站页面被收录，而收录则可能比 网站的速度 页面大小 路径深度等多多面影响
下面一一说明
1、层次越少越好
有的URL很深很长层次很多，这种URL就对SEO不是很友好，一个适合SEO的URL应该是3层：第一层域名、第二层定义当前页面属于什么性质、第三层是当前页面的ID。一些站 则可以直接存档相同目录下
2、分类页采用目录形式，内容页采用内页形式
网站的栏目页面、分类页面，采用目录形式的URL，如www.xxx.com/abc；
网站的产品页面、新闻页面、内容页面，采用内页形式的URL，如www.xxx.com/123.html；
具体你可以报考一下一些大型网站的文章存档 如新闻门户 京东的产品页 我觉得京东的很规范了
3、英文网站让URL里带关键词
如果我们做的网站是一个英文的网站，那就尽量要让这个网站的各个URL里都带有当前页面的关键词，简单来说就是优化关键词，把英文关键词放在URL里。
4、分类URL与内页URL不用有关联
网站的产品分类、文章分类、新闻分类等，不用跟他所对应的内页有关联，简单来说就是通过查看URL不用看出当前页面属于哪个分类。因为我们往往一个产品或者内容属于多个分类，如果在URL上给规定好了的话，以后就会有很多麻烦。
5、URL中的字母全部用小写
对于为什么URL中的字母全部用小写，这里有以下原因：
① 有些服务器是区分大小写的，例如Lunix服务器，这样在站长做链接或者是用户输入时，会因为大小写的问题而出现404页面，而且robots也是区分大小写的，如果大小写搞错了，可能会造成不能收录的严重问题。
② 全部用小写，用户比较容易输入，不用因为大小写混合而出现错误，这是人们的输入习惯。
6，页面的大小
有些人可能为了表达更多的信息 页面做到很大 几兆都有 还不包括图片 所以这类一定要注意 尽量分页 图片有条件用二级域
说一千道一万 页面是给搜索引擎看的 同时也是给人看的 内容质量不行 再好的规范也没用
2024年网页按钮如何设计规范 篇2
5分钟快速了解UI设计规范
每位UI设计师，想必都有一套属于自己的设计规范，今天我就来教大家在5分钟快速建立一套自己的设计规范。
我今天讲苹果版本的（尺寸：750*1334），因为现在很多的设计师就做一套UI图，安卓版本的基本就已经省略掉了，原因很简单，是的没错，就是节约时间哈。底部栏与顶部栏的规范
下面第一张图是底部栏的设计规范，第二张图是加图标展示，底部栏高度为49px，在我以往的设计工作经验中，常见的分为3种情况，3个图标、4个图标的、5个图标的，不管是那种我们应该按照规范来，这样前段在开发时就会比较方便，按照几等分（n/375），底部的图标我习惯用28*28px（尺寸：375*667，最后导两倍的图给前段开发），底部文字都用10px。
底部栏
接下来我们看第三张顶部栏的设计规范图，顶部栏的高度一般为64px，标题文字我喜欢使用18px,不过还是要看自己的设计风格。
顶部栏
字号与字色的规范
字号的大小使用也是非常的重要，之前我的一个客户，希望我能够把字体设计大些，他的原因是字号越大会体现一个企业的大气感，其实这样往往适得其反。
你们一般在进行设计时，会使用几号字体呢？正文我最喜欢用的是14号、16号，我已经把我经常用的字号整理出来了，大家可以看下面的图哦。
字号
字色
两侧间距及模块上下间距的规范
在设计时，我们有必要两侧留间距，常见的有14px、16px、24px，上下间距常用10px,在开始做UI图的时候，最好确定好一个值，在后面设计其他页面的时候，都可以用同一个值，保证自己设计的风格，不会让人误以为随便留的。
两侧间距
模块上下间距
按钮及模块高度
按钮是UI设计中最常用的一个元素，几乎每个项目都会有它的出现，在不同的UI设计中，Button本身会根据主体风格制作，不同大小的按钮样式会有所不同，下面是我画出来的几种常用的按钮大小。
按钮
模块高度
图标及辅助线的规范
在画图标的时候，务必将图标限制在正方形中并创建为组件，这样既方便以后修改也方便开发。图标
16*16:非可单独点击；22*22:最小可单独点击按钮；24*24：表单小图标；28*28:底部标签栏，其他的视情况而定。
辅助线
UI设计中我们看见的辅助线一般分为两种：投影型、画线，我个人认为投影型是非常实用的，看起来不会那么死板，而且有一个好处，可以确定文案的位置，保证了设计的规范性，细节可以让整体看起来更完美。
图片、视频大小的规范
图片常用的比例为1:1、2:1、4:3；视频常为16:9，这里我讲的是我平常经常会用着的尺寸，还有其他的情况就个人而定哦！
总结：我们在平常的设计中只要能够把握这些设计的规范，对你所做的产品足够了解，就能高效的设计好的作品啦，唯有坚持，方能不负所爱，加油！
打字不易，欢迎点赞及评论，说说你们在UI设计中常用的规范是什么？
点击头像关注我，私信回复007，免费获得UI设计相关规范源文件，谢谢支持！
2024年网页按钮如何设计规范 篇3
网页设计干什么？
网页设计细分的话，可以包含：
1、网页界面设计
就是现在你看到的每个网页界面，哪里放导航栏，哪里放文章列表，哪里放图片等等，对一个网站来说，所有界面都需要预先设计好，符合其业务需要。
2、UI设计
仅仅把网页上需要展现的东西规划布局还不够，还需要“好看”“简洁”等需求--开起来怎样，美观吗？
3、交互设计
按钮颜色边框等都设计好了，还需要能顺利的操作起来。
哪里放按钮方便点击？当点击导航按钮时，下一步怎么展示？或者怎么跳转？这些和用户交互的都需要设计好--怎么操作更流畅，简单易用？
总之，不同公司对这个岗位（网页设计师）的要求可能有差别，但大致不外乎这几个。