翻出来一个4年前做的一个网页ui界面,密密麻麻的标注,吓了自己一跳,现在放出来,供大家参考。这个是PS 标注的,累死人了的。UI视觉规范也参考了别家网站的一些调研内容,比如中英文字体的规范。希望给网页设计新手一些帮助。

现在就简单多了安装  马克鳗 设计稿标注&测量神器   轻松标注设计稿。

图片比较大,可以点开看大图

网页设计UI 标注

1 2 3 4 5 6 7 8 9 10 11 12

05 06 04 03 02 01

作者:TIGER

转载请注明:学UI网 » 网页UI是如何标注的?(附带WEB UI视觉规范文档)

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.xueui.cn ”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.xueui.cn” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.xueui.cn” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.xueui.cn” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

 
你可能喜欢的:
20个最佳的Adobe XD教程20个最佳的Adobe XD教程
用文字作为主体排版的15个网页设计案例用文字作为主体排版的15个网页设计案例
从landing page的八要素谈设计理论(附165个参考样例)从landing page的八要素谈设计理论(附165个参考样例)
网页配图之个性年代插画当道网页配图之个性年代插画当道
字形合一,网页设计中的图文配字形合一,网页设计中的图文配
网页设计灵动布局之相对自由式网页设计灵动布局之相对自由式
软塌塌没骨感?学学网页设计中的视觉解剖软塌塌没骨感?学学网页设计中的视觉解剖
网页导航设计最佳实践网页导航设计最佳实践
卡片式设计是如何占领设计圈的?卡片式设计是如何占领设计圈的?
写给初学者的6条网页设计安全配色指南写给初学者的6条网页设计安全配色指南