文档介绍：该【WEB设计规范(2024.10.31) 】是由【朱老师】上传分享，文档一共【25】页，该文档可以免费在线阅读，需要了解更多关于【WEB设计规范(2024.10.31) 】的内容，可以使用淘豆网的站内搜索功能，选择自己适合的文档，以下文字是截取该文章内的部分文字，如需要获得完整电子版，请下载此文档到您的设备，方便您编辑和打印。-〔网页UI设计标准〕.-10- 〔这里举例大多数情况,特殊情况可以特殊处理〕 〔WEB手机通用〕 〔WEB手机通用〕 ,以及根本设计思考原那么。用于提高今后的工作效率,和工作质量。〔1〕解决多人协作时控件混乱问题〔2〕解决开发效率、代码冗余问题〔3〕〔1〕需要掌握好创立的时机每一个独立的工程都需要单独创立标准文档,标准建立的时机很重要,太早或者太晚都会给后续迭代带来很多麻烦。最正确时机是在完成风格定位后做标准,可以承上启下高效完成工作。〔2〕只对非重要界面进行标准设定整理标准时,应只针对控件、色值、质感、动效、品牌元素等重要界面进行标准设定。不是所有的页面和元素都需要严格按照标准设计制作。〔3〕规那么需要弹性采用28原那么,只针对产品80%的界面进行标准。这里讲的80%和20%是一个相对的概念,80%代表色彩、按钮、字体、间距等重要内容,这些内容需要进行详细的标准说明。另外的20%是指某些控件是不可复用并且不重要的,这种20%的内容不需要花费精力做进标准里。这个28原那么需要设计师根据具体情况具体分析,作出更适合当下的设计。〔4〕标准要有迭代如果设计师没有跟着产品改版的节奏去迭代视觉标准,一般会出现两种情况:一是被原标准的旧样式束缚,死板的遵循最初的标准,长久下去会出现视觉样式过时的问题。二是改版中用了新的视觉风格,没有及时总结归纳成标准,这样一来又会出现品牌形象走样的问题。〔5〕标准要有执行力有两种标准是缺乏执行力的:第一、标准内容不具体,缺少对核心模块的细节说明。各个模块缺少必需的说明,比方色彩模块中有主色却缺少辅助色的说明,按钮模块中缺少滑过、点击、不可点状态的说明,字体模块缺少字体磅数的分布设定。这种没有核心内容的标准,没有参考价值,标准的作用几乎等于零,其他参与工程的设计师还得找制作标准的设计师要相关的标准才能进行下去,所以这种类型的标准是没有执行力的。第二、标准太全面死板太臃肿,无从看起,对后续设计有束缚。对所有界面的所有元素进行标准,连不重要的元素也强行归纳进来,多达几十页的标准文档。造成三方面的影响,一是会增加大量没必要的工作时间来制作标准,二是设计师和程序员需要花很多时间精力去看无关紧要的内容,增加了很多负担。三是设计本来就不是一件绝对的事,需要20%的灵巧空间,不然后面遇到新的页面,死板的把标准用在新的页面上,出来的效果可能并不好。::son-usability-design-principles网易设计标准***详解:-design-principle-and-,主流阅览器的宽度在1024px-1336px,其中滚轮大约有20几个像素的宽度。〔21pxIE阅览器滚轮宽度〕所以,保险一些,实际内容区域为1170px像素,窄版为1000px像素。,会采用栅格系统设计页面,比较知名的如960px网格系统〔/〕等,前两年这是非常流行的设计方法,但这两年,貌似网页设计又从新回归了比较随意的排版方式,可能是因为近两年手机UI的崛起,大局部网站会针对手机制作专门的网页,不会像前几年那样一稿适配,所以,个人观点,如果一稿适配手机和web端,那就用栅格系统设计设计稿,如果手机端单独设计,那就随意。,网页端的设计因为栏目的众多,导航的样式就尤为重要。我这里说一些可以注意的地方。首页内容较多,以及滚屏的网站,可以固定导航栏在窗口,或者在网页右边添加回到顶部的跳转按钮,方便用户跳转栏目。二级菜单较多的网站,需要注意菜单展开的方式。,如果有更科学合理的标准,可以进行修改。每个工程开始的时候,需要建立一个以工程名称命名的文档。每个工程文档里面加分文件夹〔1〕,资料文件夹放工程原形文档,资料图片,等等准备工作文件,有时我也喜爱把图标设计源文件放在这里。设计稿文件夹那么放页面设计稿。设计稿文件夹内可以直接放设计文件,也可以像我一样分PSD源文件和JPG格式两个不同的文件夹,方便管理。〔1〕〔2〕,每个页面为了方便后期按照顺序查看,我都会在前面加上编号,登录页是0,后面依次按照导航菜单来分,一级菜单为整数1–2–3〔如果一级菜单数量多过10,为了防止1和11这样的排序干扰,那么写成01–02-03〕等等往后排列,--,-–,这样,在后期查看页面顺序的时候,就不会出现顺序错位的麻烦了。除了编号,中文命名就直接用菜单栏和每一页的功能名称就好。注意:PSD源文件请设计师在设计的时候,就注意分组命名,这是一个良好的设计****惯,也方便其他同事查看修改。,所以但凡文字局部都需要使用电脑自带字体。如:微软雅黑,黑体,宋体。特殊字体只能切成图片。注意:因为设计版权等原因,特殊字体也请避开方正等版权字体,防止字体侵权。〔这里举例大多数情况,特殊情况可以特殊处理〕〔1〕文字的字号尽量选择12、14、16等偶数字号,文字最小不能小于12号。〔很多阅览器甚至为了保证不能因为字号太小影响阅读,小于12号的文字全都强制显示12号大小。〕〔2〕导航文字及头部底部文字的字号:页眉〔Header〕导航文字12号或14号;菜单〔Menu〕导航文字14—18号;工具条〔Sidebar〕文字12号或14号,一级菜单使用14号、二级菜单使用12号,或一级菜单使用12号加粗、二级菜单使用12号;页脚〔Footer〕文字12号或14号。〔3〕正文:大标题文字24—32号;标题文字16或18号;正文文字12号或14号。可根据实际情况加粗。〔4〕按钮文字:比方登录、注册页面按钮或其他按钮,文字14—16号,可根据实际情况调整大小或加粗。〔5〕广告语及特别情况那么需根据文字的实际情况设计字号。〔6〕同一层级的字号搭配应该保持一致。比方,同一层级的版块中标题文字和内容文字大小的一致性。