翻出来一个4年前做的一个网页ui界面，密密麻麻的标注，吓了自己一跳，现在放出来，供大家参考。这个是PS 标注的，累死人了的。UI视觉规范也参考了别家网站的一些调研内容，比如中英文字体的规范。希望给网页设计新手一些帮助。
现在就简单多了安装马克鳗 设计稿标注&测量神器轻松标注设计稿。
图片比较大，可以点开看大图
作者：TIGER
网页UI是如何标注的？（附带WEB UI视觉规范文档）
作者：追风筝的人 | 创建时间: 2023-04-24
点击展开全文
更多推荐
大话设计师 – 游戏网页设计篇（素材整理术2）
前端设计师必备的配色网站(原创理论)
让扁平化设计也爆发视觉冲击力(5招）
用PS画一支香烟（PSD源文件）
PS教程！教你用一个图层制作相机图标
如何设计一枚APP图标
ui设计师的知识管理
PS教程：快速制作木质图标外框（附带PSD源文件）
设计沟通的七条经验
APPLE家族 套装PSD源文件
在移动界面设计中应用费茨法则
在PHOTOSHOP中创建精细的工具图标
火箭图标分部解析教程
手机UI如何报价（私活儿攻略）
点9软件下载安装说明（移动端 设计师必备）
jukely《APP欣赏》
虚线的画法
设计新手在PS中最常犯的6个错误
线性小icon教程
7个Google Search app的动态设计效果
手握IPHONE5 分层PSD源文件
网页设计中背景的创意风格与设计趋势
Photoshop冷知识小技巧
设计师必读！运用视觉表现建立网页的信息层级
网站模板(PSD打包下载）
在网页中设计导航菜单的三个原则（附案例）
UI设计新人疑惑解答
打造iOS7界面
设计华丽的用户体验的6个热门技巧
在PHOTOSHOP中设计木制书架教程