建议使用工具

Photoshop,
ps常见而AI不常见,需要考虑一下大众群体。

设计稿尺寸

画布大小1920*1080,如果是一页下来不分屏,宽度就是根据实际情况

内容宽度,常见1200px

众所周知,显示器大小并非一致大小的。背景区域相当自由区,不管对方显示器大于1920,还是小于1920。都可以保证我们的内容区域是不变的。
正常情况下,背景要么是纯色,要么是一直没有太大关系的背景图,不会因为显示器太大拉伸导致变形或展示不完,也不会因为显示器小了,裁切导致背景内容显示不全。

内容规范

文字

句子、段落文本,需要用word文档进行整理。
开发的时候只要复制对应文本即可,避免开发过程中需要重新打字出现错别字、或者复制设计稿的时候出现空格、换行符号的情况。

做的时候要大致清楚,哪些是文本,哪些是文字图片。
如果会出现后期修改的特殊字体文字,
一般情况下,网页调用访问设备的默认字体,当然也可以指定某个字体。但是,如果系统没有这个字体就不会显示字体,就会显示电脑的默认字体。
可能你会问,我电脑安装有某个字体,能不能用那个字体?
首先,你下载某个字体的时候可以发现。一个字体有十几M大小。如果硬要整个网站都用这个字体,每次打开网页都需要把这个字体下载。所以,网站会很慢。
但是,不是不能用,常用的场景是用于页面固定死的标题、序号。通过技术手段可以把这个字从字体文件中单独提取出来。或者在PS上,把这个字体栅格化导出。

在界面设计中,文字字号决定了信息层次和权重。首先要设定基准字号(最小字号),然后可依据一定规律设定导航、标题等稍大字号。一般网页基准字号有12px、14px、16px等。

简单来说,首先,尽可能的规范、固定一下字体大小。标题,正文、辅助字体大小。尽可能的少用特殊字体。
字体的使用还需要注意是否允许免费商用,如果你实力雄厚买了字体的版权当我没说。

PC电脑桌面端UI设计规范相关推荐

  1. ui设计移动端字体适配_超全面的移动端UI 设计规范整理汇总

    很多新人在开始做移动端UI设计的时候,往往对界面的一些尺寸规范不是十分清楚,很多时候都是凭借自己的感觉和经验去绘制界面,心里并没有一个清晰的概念,导致做出来的页面总是不那么尽如人意.本文整理汇总了一些 ...

  2. 最全移动端UI设计规范,作为前端的你,了解多少?

    很多新人在开始做移动端UI设计的时候,往往对界面的一些尺寸规范不是十分清楚,很多时候都是凭借自己的感觉和经验去绘制界面,心里并没有一个清晰的概念,导致做出来的页面总是不那么尽如人意.本文整理汇总了一些 ...

  3. ui设计移动端字体适配_移动端UI设计规范全方位汇总(附演示PPT下载)

    很多新人在开始做移动端UI设计的时候,往往对界面的一些尺寸规范不是十分清楚,对做UI设计的基础概念也没有清晰的认识,很多时候都是凭借自己的感觉和经验去绘制界面,心里并没有一个清晰的概念,导致做出来的页 ...

  4. 2017移动端UI设计规范模板参考以及设计规范的好处

    即将进入崭新的一年2017年啦,我们的移动端的UI设计规范也层出不穷.很多APP设计师也要在年底给公司或者是团队做一个总结.那么一个像样的APP ui设计规范也是很有必要的作品回顾. 另外,25学堂的 ...

  5. 移动端UI设计规范模板参考以及设计规范的好处

    2018也快要过完了(-_-),我们的移动端的UI设计规范也层出不穷.很多APP设计师也要在年底给公司或者是团队做一个总结.那么一个像样的APP ui设计规范也是很有必要的作品回顾. 在创业公司做着一 ...

  6. ui设计移动端字体适配_超全面的移动端UI设计规范整理汇总(包含iPhone X适配)...

    写在前面 很多新人在开始做移动端UI设计的时候,往往对界面的一些尺寸规范不是十分清楚,很多时候都是凭借自己的感觉和经验去绘制界面,心里并没有一个清晰的概念,导致做出来的页面总是不那么尽如人意.本文整理 ...

  7. 移动端UI设计规范参考

    这个设计规范,主要两个原因: 1.要设计的界面太多了,而且产品迭代很快,来不及一个个界面标注重复性的东西,于是我就出一个字体运用规范,让开发看一个文档就好了.有个设计文档和UI设计规范,可以减少很多设 ...

  8. ui设计移动端字体适配_移动端UI设计规范

    一.边距.间距 原则:边距(左右)要大于间距(上下). 模块边距 10px.12px.15px.16px 15px 常用 10px 最小,要展示更多的内容才用 模块间距 8px.10px.15px.1 ...

  9. 微信PC电脑桌面端多账号登录微信多开方法

    多开的微信登录图标 首先:鼠标放在微信图标上"右键"后点击"属性"复制文件目标路径: 下面!创建6个微信客户端举例: 第二步:打开代码编辑软件"not ...

最新文章

  1. 紫色回归线:雅虎中国的运筹学
  2. Ecplise软件Devices看到两个相同设备问题
  3. Introduction to Byteball — Part 3: Smart Contracts
  4. 十、给小白看的第三篇Python基础教程
  5. 【dp】POJ-2209
  6. puppet运维自动化之用户管理
  7. DotNet软件开发框架
  8. Android Studio快捷键(MAC版)
  9. hive 导入hdfs数据_将数据加载或导入运行在基于HDFS的数据湖之上的Hive表中的另一种方法。
  10. adaptivitypara设置选0还是1_喝牛奶,选全脂还是低脂?家里人能不能喝同1种牛奶?...
  11. 区块链和加密货币产业_区块链:不仅仅用于加密货币
  12. 数据治理将遇到哪些问题
  13. My Seventeenth Page - 赎金信 - By Nicolas
  14. # 20155327 2016-2017-4 《Java程序设计》第七周学习总结
  15. AI修图!pix2pix网络介绍与tensorflow实现
  16. 5-20 打印九九口诀表 (15分)
  17. OFFICE 您正试图运行的函数包含有宏或需要宏语言的解决方法
  18. ue4游戏传送门实现
  19. 用正则表达式将字符串中的下划线小写转换成大写
  20. TimesTen内存数据库监控 TT监控得懂这些

热门文章

  1. 智慧校园系统平台实现校内导航资产管线一体化管理
  2. mysql商品查询,mysql基本查询
  3. 全连接前馈神经网络DNN
  4. 教你如何安装iPhone手机主题(简略版)
  5. 神机百炼2.39-DFS
  6. [网络安全学习篇23]:DNS欺骗与钓Y网站(千峰网络安全视频笔记 p114-p116)
  7. spring boot整合scala和spark做大数据预言
  8. 使用账号密码来操作github? NO!
  9. blocking socket 读写返回 EAGAIN
  10. 解决elementui中Container自适应最上面有空白