精华内容
下载资源
问答
  • 网页设计规范 网页设计稿尺寸

    千次阅读 2018-11-30 15:23:00
    无论您面对的项目是 To C 的还是 To B 的网站产品,我们都应该首先确立设计风格 > 寻找设计素材 > 建立情绪板 > 完成视觉稿 > 切图标注 > 建立视觉规范 > 进行项目走查。 如果设计一般网站的页面,可以按照1920 X...

    移动端H5设计稿尺寸

    移动端H5尺寸 设计移动端 H5 项目的时候,我们一般以用户量较高的 iPhone6/7/8的尺寸:750x1334px为准,然后我们要在顶部预留出微信或者浏览器导航区域。主要内容区域就可以自由设计了。一般H5的操作是上下滑动。字体方面使用苹方字体,并且字号设置为24PX以上,渲染方式设置成锐利。英文则需要使用 SF-UI 代替。当然 H5可以调用背景音乐、视频、链接等多媒体,让体验更佳。除了让前端小哥哥们开发之外,其实还有一种方式可以无需代码生成简易版的 H5,就是通过 H5 工具生成。目前比较火的 H5 生成工具有:MAKA、iH5、兔展等,如果我们要自己生成而不是通过前端开发,那么我们设计稿的尺寸需要设置为640x1008PX。这些工具较为简单,注册后将 PSD 上传即可对每个原件进行动效的设置了。但是如果需要复杂的动效和交互,还是需要前端工程师的配合。

    电脑Web页Banner 设计稿尺寸

    Banner 的宽度有两种,一种是满屏(1920PX)、一种是基于安全距离的满尺寸(1200px或1000px)。高度要注意了:一般以1920x1080px为基准的用户屏幕,加上浏览器本身与插件和底部工具条等距离,留给网站的一屏高度大概为900px,所以 banner 不可以做得很高,否则第一屏信息会显示得不够。你可能会说,那就让用户往下拉啊。但是在网站的访问用户之中,第二屏触及到的用户比第一屏会少很多。也就是很多用户可能点击网站后就会跳走或者关闭,那么第一屏的信息真的非常重要了,可谓是寸土寸金。所以我们的 banner 不应该占据过大的区域。比如站酷网的 Banner 区域为1380x350px。

    画板尺寸

    因为网页尺寸与用户屏幕相关,而用户屏幕的种类难以统计。所以我们的设计稿只能主要顾及主流用户的分辨率,其他分辨率用适配的方式来解决。在最新版 Photoshop 网站 Web 预设尺寸给了我们一些启示:常见尺寸(1366x768px)、大网页(1920x1080px)、最小尺寸(1024x768px)、Macbook Pro13 (2560x1600px)、MacBook Pro15(2880x1800px)、iMac 27(2560x1440px)等。这些是主流尺寸,而我们如果做网站时建议按主流的分辨率1920x1080px来设计。所以我们通常设计网站时的网站宽度为1920px,每个屏幕的高度约为900px。为什么是900px呢?因为1080还要减去浏览器头部和底部高度,大约就是900px了。内容安全区域为1200px (或1000px / 1400px)。以这个尺寸来设计相对标准。当然在设计网页前需要知会前端设计尺寸,因为对于适配的方式和后续配合他们更有发言权。

    web字体要求

    在网站设计中我们的文字大小一般来说是12-20像素。为什么不能比12px更小?因为如果比12像素更小的中文无法放得下复杂的笔画了。而且奇数的文字表现和适配都不好做,也就是说我们必须使用偶数的字号来设计。如:文字使用宋体、大小为12px、渲染方式选择无。稍大一些的字体使用微软雅黑、大小为14-20px、渲染方式选择 Windows Lcd 或锐利。另外,英文和数字需使用 Arial字体,渲染方式选择无。

    文字排版八条定律

    • 第一,保证文字是可读的。
    • 第二,不要在一个版面中使用三种以上的字体。
    • 第三,如果英文标题或单独进行排版时,尽量全部使用大写而非首字母大写。中文标题或单独进行排版时结尾不需要句号。
    • 第四,文字之间的间距在UI设计中一般设置为0,行距一般为字号本身的1.5倍到2倍。但是考虑到用户使用场景,比如用户在地铁内阅读新闻时可能地铁会出现晃的情况而导致串行,就需要我们考虑增加行距。总之字间距和行距以及文字大小都要依据实际场景来决定。在UI设计中文字大小单位须设置成PX(像素),大小必须是偶数。如:24px、26px、28px等。
    • 第五,文字阅读需要清晰地背景区分,比如黑纸白字和白纸黑字原则。
    • 第六,除非不得已尽量避免在一个版式中使用中英文混排。
    • 第七,文本左边对齐同时右边也需要对齐。可以通过PS中的段落面板设置间距组合和避头尾法则,但是有时半角符号可能会让我们很棘手,那就要通过调整间距和空格等方式让文本尽量对齐。
    • 第八,中文前面需要空两个全角字符空格,英文前面无需空格,但需要大写。

    总结

    无论您面对的项目是 To C 的还是 To B 的网站产品,我们都应该首先确立设计风格 > 寻找设计素材 > 建立情绪板 > 完成视觉稿 > 切图标注 > 建立视觉规范 > 进行项目走查。

    如果设计一般网站的页面,可以按照1920 X 1080px尺寸设计。每屏高度900px,字体使用宋体12px、无和微软雅黑 14-20、Windows LCD。Banner 尽量满屏,但是图片需要按照4:3或16:9等比例来设计。做网站时可以建立栅格以更好地进行自适应和响应式布局,我们也要为超链接和按钮设计不同的相应鼠标的状态;另外我们也可以多多尝试在网站设计中加入视差滚动、雪碧图动画等好玩的交互。

    如果设计手机端的页面,可以按照750X1334PX尺寸设计。字体使用苹方24PX以上、锐利。英文字体使用SF UI。按钮和点击区域需要大于88PX方便手指点击。并且头部需要预留出微信或浏览器的导航区域。

    转载于:https://my.oschina.net/momomo1987/blog/2964084

    展开全文
  • 干货!Web 网页设计规范

    千次阅读 2020-04-21 14:20:46
    布局的不一致,使得可设计的空间也不相同。 1、左右布局 灵活性强, UI的限制小,左边通栏为导航栏,宽度没有具体的限制,可根据实际情况调整; 右侧为内容版块范围,是网站内容的展示区域。 ...

     

    一、网页尺寸

    制作网页时,我们选用的分辨率是72像素/英寸,使用的画布尺寸1920px*1080px。

    但是并不代表我们可以在整个画布上作图。

    网页的布局主要有两种,左右型布局和居中型布局。布局的不一致,使得可设计的空间也不相同。

    1、左右布局

    灵活性强, UI的限制小,左边通栏为导航栏,宽度没有具体的限制,可根据实际情况调整;

    右侧为内容版块范围,是网站内容的展示区域。

     

    2、居中布局

    中间的黄色部分为有效的显示局域,用于网站内容的展示;换句话说,两边均为留白,没有实际用途,只是为了适配而存在;

    3.主流电脑屏幕尺寸有以下几种:

     

    一般网站内容显示的区域为996px;国内网站大部分还是以1000个像素为界限,因超过1000像素适合在大屏幕上浏览,小屏幕会显得拥挤。所以网站宽度在1000像素以内可以保证大部分用户舒适的浏览网页。

    二、网页字体

    字体设计的总原则是:可辨识性和易读性。

    网页的中文字设计是系统默认的字体:宋体、微软黑体、苹果系统黑体

    英文则建议使用Times New Roamn、Arial、Comis Sans MS等无衬线字体

    常用的字号大小有以下几种:

    12px是应用于网页的最小字体,适用于非突出性的日期,版权等注释性内容。

    14px 则适用于非突出性的普通正文内容。

    16px、18px、20px、26px或者30px 适用于突出性的标题内容。注意都是偶数原则,奇数像素会出毛边!

    三、字体间距

    相邻两个文字的间距,其实不需要太过介意,除了特殊的需求之外,都可以使用默认数值的间距。

    行间距:推荐以字体大小的1.5—2倍作为参考;

    段间距:推荐以字体大小的2—2.5倍作为参考。

    例如,当选用14px 的字体时,行间距:21—28px;段间距:28px—35px。

    四、字体颜色

     

    六种除了主色调以外都是场景色,需要在不同的场景中使用(例如危险色表示危险的场景)六种是文字排版色,通过文字的不同用色进行文字排版,以表现层次结构。

     

    主文字颜色,建议使用 公司品牌的VI颜色,可提高公司网站与公司VI之间的关联,增加可辨识性和记忆性。

    正文字体颜色,保险起见,选用易读性的深灰色,建议选用 #333333到#666666 之间的颜色。

    五、首屏内容

    做网页设计时,你还要特别注意网页的首屏内容,在构图和内容呈现上,首屏模块的设计至关重要。

    除去任务栏,浏览器菜单栏以及状态栏的高度,剩下的是首屏的高度。

    Window XP的首屏高度平均值是580px

    Window 7的首屏高度平均值是710px

    综合考虑到Window XP已经逐渐退出市场,在实际操作时,我们 以710px 作为依据。

    如下图所示,蓝色区域则是我们设计时需要着重考虑的首屏范围。

     

    另外,是关于图片尺寸的问题。

    需要全屏显示的图片,宽度尺寸严格设计为1920px。

    但是值得注意的是,图片内容的有效范围不能超过网页内容的有效范围,即控制在1200px以内。

    避免遇到小屏幕设备时,内容显示不全,而造成信息的遗漏的情况。

    六、响应式布局设计

    响应式设计指的是不同设备、屏幕、分辨率、操作方式(鼠标、键盘、触摸),保证信息在不同环境下表现一致,保证可交互可操作。

    由于页面的宽度发生了变化,进而信息展现也改变了就是响应式设计。直到最后在手机屏幕上的显示图片信息变成了一列。

    对页面进行响应式的设计实现,需要对相同内容进行不同宽度的布局设计,有两种方式:桌面优先(从桌面端开始向下设计);移动优先(从移动端向上设计)

    无论基于哪种模式的设计,要兼容所有设备,布局响应时不可避免地需要对模块布局做一些变化(当页面宽度发生变化的尺寸范围就是临界点的概念。所以做响应式设计时我们需要知道每一个尺寸的宽度范围在多少时我们就可以制定出相对应清晰的一个临界点,制定了临界点之后就知道,当屏幕的宽度范围位于哪一个点的时候,我们的页面信息该如何展示。)

    我们通过JS获取设备的屏幕宽度,来改变网页的布局,这一过程我们可以称之为布局响应屏幕。

    常见的主要有如下几种方式:

    1、布局不变,即页面中整体模块布局不发生变化,主要有:

     

     

    2、布局改变,即页面中的整体模块布局发生变化,主要有:

     

     

    很多时候,单一方式的布局响应无法满足理想效果,需要结合多种组合方式,但原则上尽可能时保持简单轻巧,而且同一临界点内(发生布局改变的临界点称之为临界点)保持统一逻辑。否则页面实现得太过复杂,也会影响整体体验和页面性能。

    八、网页栅格

    网上有些关于栅格化系统的文章讲的非常理论化,又是算法又是模块,而且和响应式布局混在一起,让新晋的网页设计师们简直无从下手,所以这里以案例来说明何时采用以及怎么最快的建立栅格化系统。在所有关于UI的文章中,我会反复强调和前端开发人员的沟通,因为他们是你设计方案的执行者,这一点非常重要。

    1.把栅格化设计和栅格化布局分开

    强调栅格化设计(grid-design)和栅格化布局(css grid)分开描述,是个人理解这完全属于两个不同的工作,前者针对网页设计师,而后者针对前端开发人员。栅格化设计是不需考虑页面的响应的基于栅格系统的设计,主要是为了提高网页的规范性。对于一些中规中矩的网站,或者说一般创意型的网站,栅格化设计还是非常推荐的,尤其是一些规模大周期长,后期需要不断迭代的项目,栅格化设计让网页呈现出专业可信赖感,并有助于后期的维护。而栅格化布局,特指前端攻城狮使用的css框架,来实现页面的响应式布局。

    响应式设计只是网页设计的一个折中方案,依赖于项目实际情况进行选择。对于设计师来说,如果没有必须的要求,可选择广义的栅格系统,并在此基础上自由发挥创意。

    2.绝不万能的栅格化系统

    对于是否采用栅格化设计,采用下面几个案例说明一下:

    (企业站之类-以介绍几种单一产品为主)

    (功能型网站)

    (不拘泥形式的设计形式)

    针对这三个具有代表性的案例,栅格化设计是没有必要的。理由很简单,栅格的优点也是缺点,规范意味着统一也意味着限制,在以上的案例中,无需用栅格来限制设计师的灵感,毕竟这个社会,还是需要设计感的。

    但绝大多数情况下,推荐栅格化设计。尤其是图文混排、版块很多的网站,栅格化设计会让内容杂乱无章的页面呈现清爽感。

    关于栅格化布局,方案非常多,来看下面几个案例,我们都称之为栅格化设计。

    (广义的栅格化系统-无间距的单元格)

    (广义的栅格化系统-有间距的单元格)

    (广义的栅格化系统-有间距的单元格)

    对于不需要考虑页面响应(换句话说,和框架无关)的网页设计,原则可以简化成一句话:“由设计师自由决定”。

    3.栅格化设计的参数

    网上搜索结果最热的960 gird栅格系统从2009年就开始正式推出,但至今,仍然有很多设计师在使用,除了考虑到显示设备的分辨率,还依赖于960 gird的灵活性。所以,对于新晋web ui来说,采用960 grid 仍然是最佳的方案,不会出彩但也不会出错。如果是考虑到宽屏的设计(需要舍弃一部分分辨率不高的用户),可以把栅格化系统的宽度建为980甚至以上。但没有栅格化设计经验的设计师需要注意,这里说的960是含边距部分,换句话说,在psd文档中,你的内容部分是950px,栅格化版面可以借助一些非常好用的在线工具,比如知名的Grid.Guide,这是12列栅格在内容宽度950下的三种版式规范,你也可以使用24列,灵活度更高。

    Grid-Guide自动生成的栅格系统(宽950-12列)

    从图中可以看出,这三种方案列宽column width和间距gutter不同,剩下的工作对于ui设计师来说就简单了很多,你可以把版式规范的png格式下载下来,作为你网页设计的基础版块,在此基础上进行列的划分。或者只是以这个参数为基础,重新建立参考线(我更推荐这种方式,尤其photoshop cc2017的新建参考线版面,装订线对应Gutter,列宽对应column width)。我简单的拿版式规范做了个页面设计示意图,这就是基于栅格系统设计的优点,在划分列时,有理可依,有据可循。

    【基于960grid系统的版块划分示意】

    当然,既然是设计师,就可以感性的元素再多一些。比如,你希望更多的留白,就可以采用间距值较大的栅格版式,只要整个网站保持一个统一的版式即可。下图是当内容宽度为1200时生成的栅格系统,你还可以尝试很多方案,但Max Width的设定并不是那么随意,这个取决于网站的定位。

    Grid-Guide自动生成的宽1180的栅格系统(24列)

    至于高度和垂直间距,栅格化系统并没有统一的准则,设计师可以采用一些黄金分割之类满满的都是设计感之类的值,或者垂直间距与栅格系统的间距相同或是整倍,总之,也需要一个规范指导全站设计。

    栅格系统的参数根据项目的实际情况,尽量建立10的倍数或8的倍数(google material design推荐)。

    4.栅格化布局的参数

    在前面提到过,如果网站的需求是响应式的设计,这时,设计师们一定一定先问一下前端他们准备如何实现响应式布局,而不是把设计稿完成后交给他们后YY他们能百分百给你复现你的设计稿。

    关于响应式的栅格系统,首先声明一点,当前端乐意并了解CSS原理和框架的构建方式时,可以构建其他样式的网格,比如7、9、11、13等等,甚至各种异形网格,但在绝大多数情况下,更多的前端攻城狮青睐于高(tou)效(lan),而他们常用的css框架除了Bootstrap(宽480/768/992/1200,12列),还有一堆叫不出名字的轻量css框架(毕竟栅格系统只是Bootstrap的一部分,如果只是需要一个响应式的css的话,可选的非常多,比如960.gis),除此之外,有可能你那可爱的前端攻城狮用的是flexbox实现响应式弹性布局,所以在一切未知确定下来之前,请放下架子,请教一下开发人员,因为虽然不想承认,但这种情况下是前端来指导设计。值得庆幸的是,这种情况在现实中非常少的,(但不排除你接手的是一个二次开发的项目等等之类),确定他们使用哪种框架之后,设计师可以开始自己的工作了。

    下面也举个例子,是960gis的。

     

    【960-grid-system栅格化布局】

    看完你也许会明白为什么涉及到栅格化布局需要前端来确定了,960gis的css框架给出了三种方案,24列16列12列,设计师要在这个基础上进行设计。一旦需要栅格化布局,意味着设计师自由发挥的空间再次缩减,只有在这三个方案上选一种。这些方案从何而来呢?很简单,你只要向前端索取他使用的框架的psd模板即可,里面参考线都是建好的。而前端一定会非常乐意帮你这个忙,理由很简单,你按照他使用的框架规范进行设计也是在一定程度上缩减他的工作量,皆大欢喜。比如下面这张,就是目前最新的Bootstrap4的psd文件的截图。

    【Bootstrap4】

    设计师也可以自给自足,一般这些css框架库都会提供下载途径。尤其是Bootstrap,作为成熟的框架,很多模板文件可以套用。栅格化布局以使用的css框架库为准则,让前端开发提供给设计师再好不过。

    九、命名规范

    1、网站设计及基本框架结构

    1.1  Container

    “container“ 就是将页面中的所有元素包在一起的部分,这部分还可以命名为: “wrapper“, “wrap“, “page“.

    1.2  Header

    “header” 是网站页面的头部区域,一般来讲,它包含网站的logo和一些其他元素。这部分还可以命名为:“page-header” (或 pageHeader).

    1.3    Navbar

    “navbar“等同于横向的导航栏,是最典型的网页元素。这部分还可以命名为:“nav”, “navigation”, “nav-wrapper”.

    1.4    Menu

    “Menu”区域包含一般的链接和菜单,这部分还可以命名为: “subNav “, “links“,“sidebar-main”.

    1.5   Main

    “Main”是网站的主要区域,如果是博客的话它将包含的日志。这部分还可以命名为: “content“, “main-content” (或“mainContent”)。

    1.6   Sidebar

    “Sidebar” 部分可以包含网站的次要内容,比如最近更新内容列表、关于网站的介绍或广告元素等…这部分还可以命名为: “subNav “, “side-panel“, “secondary-content“.

    1.7    Footer

    “Footer”包含网站的一些附加信息,这部分还可以命名为: “copyright“.

    2、需要注意的几点:

    2.1尽量考虑为元素命名其本身的作用或”用意”,达到语义化。

    不要使用表面形式的命名.

    如:red/left/big等。

    2.2组合命名规则:

    [元素类型]-[元素作用/内容]

    如:搜索按钮: btn-search

    登录表单:form-login

    新闻列表:list-news

    2.3 涉及到交互行为的元素命名

    凡涉及交互行为的元素通常会有正常、悬停、点击和已浏览等不同样式,命名可参考以下规则:

    鼠标悬停::hover   点击:click   已浏览:visited

    如:搜索按钮: btn-search、btn-search-hover、btn-search-visited

    3、常用命名汇总:

    页头:header

    登录条:loginbar

    标志:logo

    侧栏:sidebar

    广告条:banner

    导航:nav

    子导航:subNav

    菜单:menu

    子菜单:subMenu

    下拉菜单:dropMenu

    工具条: toolbar

    表单:form

    栏目:column

    箭头:arrow

    搜索:search

    搜索按钮:btn-search

    滚动条:scroll

    内容:content

    标签页:tab

    文章列表:list

    提示信息:msg

    小技巧:tips

    栏目标题:title

    链接:links

    页脚:footer

    服务:service

    热点:hot

    新闻:news

    下载:download

    注册:regsiter

    状态:status

    按钮:btn

    投票:vote

    合作伙伴:partner

    版权:copyright

    网站地图: sitemap

    以上命名规范仅供参考

    展开全文
  • 网页设计规范及脚本语言规范

    千次阅读 2004-08-27 14:37:00
    网页设计规范及脚本语言规范 提高网页设计制作效果,加快信息化建设工作,网页设计制作规范化是一项很重要的工作,以下网页设计制作规范以供大家参考。 一、运行环境 1 .网页制作软件平台: 网页制作可采用 D ...
     
    … …
    展开全文
  • -- 网页手机wap2.0网页的head里加入下面这条元标签,在iPhone或Android的浏览器中页面将以原始大小显示,并不允许缩放。--> , initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> ...
    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
            <!-- 设定页面内容不缓存 -->
            <meta http-equiv="pragma" content="no-cache">
            <meta http-equiv="cache-control" content="no-cache">
            <meta http-equiv="expires" content="0">
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
            <!-- 
            width - viewport的宽度
            height - viewport的高度
            initial-scale - 初始的缩放比例
            minimum-scale - 允许用户缩放到的最小比例
            maximum-scale - 允许用户缩放到的最大比例
            user-scalable - 用户是否可以手动缩放
             -->
            <!-- 网页手机wap2.0网页的head里加入下面这条元标签,在iPhone或Android的浏览器中页面将以原始大小显示,并不允许缩放。-->
            <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
            <meta name="MobileOptimized" content="240"/>
      </head>
      
      <body>
      </body>
    </html>

    注意:<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />其中参数根据需要设定。

    如果有时在手机中显示并不是适应屏幕的(如图片过宽等)请尝试将控件的长宽取消即自适应。

    展开全文
  • 网页设计命名规范

    千次阅读 2017-06-06 23:14:09
    网页设计命名规范
  • 网页icon的设计规范

    千次阅读 2019-05-17 16:16:46
    网页里icon是不可缺少的一个组成,不管在那种网站都可以找到它的身影icon的作用可以给用户加速了解这个功能是干什么的而且它还有另一个的作用就是提升页面的美观度,而且icon的设计方式非常多就比如渐变、线条、...
  • 网页设计Web尺寸规范

    千次阅读 2018-11-06 13:53:02
    分享一个网页设计师经常会用到的好东西   http://www.ab173.com/ui/websize.php   很多时候收藏一个比百度更强大,想用的时候直接拿来用
  • 网页设计基本规范

    千次阅读 2018-06-01 19:09:48
    UI设计: 界面设计 交互设计(UE) 平面设计:手册,海报,电商视觉设计,不涉及产品的操作流程,静态,设计区域有限 网页构成: 1.页眉 2.条幅广告区 3.内容区域 4.页脚: 页面的颜色较多,页脚尽量使用深色系...
  • 网页设计的基本规范

    千次阅读 2018-06-01 19:02:22
    设计区域有限 网页构成:  1.页眉  2.条幅广告区  3.内容区域  4.页脚:页面的颜色较多,页脚尽量使用深色系(灰色系基本通用),头脚在颜色搭配要呼应  页面尺寸设计  1.页眉、页脚:宽度方向占满...
  • 网页设计的常用字体规范

    千次阅读 2017-02-07 18:01:18
    方正兰亭系列是网页设计中必用的字体,稳重而细腻,还具有时尚科技感。 看看下面这个苹果的网页,就造了 用了方正兰亭超细后的感觉,是不是高端了许多~   当然用在科技产品的官网...
  • 字体设计规范

    千次阅读 2016-07-27 23:33:06
    对于内容描述性的网页网页模块,最重要的内容,就是文字。出现了文字,就会出现文字排版、字体选择、字体颜色大小粗细等细节。而这些细节,往往是非常重要的细节。不同的字体和选色往往对整个页面都有着非常大的...
  • Web UI 设计(网页设计)命名规范

    千次阅读 2015-04-25 09:53:22
    转自:...这套规范并非单纯的CSS、html或JavaScript命 名规范,它涉及了很多使用PhotoShop这类设
  • 移动端设计规范

    千次阅读 2016-07-28 16:28:02
    最近一直在做移动端的界面,其中的业务涵盖很广,有功能性的,也有商城的,每一种的设计思路会有所不同。公司希望页面上板块提现的商业性的东西更多一点,通过各种活动小版块的引导,指引用户去到具体的业务功能点,...
  • APP设计规范

    千次阅读 2019-04-30 13:43:00
    APP设计规范 设计师DPI指南 本指南旨在为初级到中级设计人员提供“入门”或介绍性阅读,他们希望从一开始就学习或获得有关跨DPI和跨平台设计的更多知识。尽可能少的数学和没有不可解析...
  • 网页设计课程设计报告

    万次阅读 多人点赞 2019-03-01 21:45:11
    学号 课 程 设 计 课程名称 网页设计 题 目 鑫晨之家特效网站设计 专 业 软件工程 ...
  • 网页设计1

    千次阅读 2019-11-30 17:50:12
    HTML与CSS网页设计概述 Web基本概念 一.认识网页 1.Web中文译为“网页”。 2.网站的源文件是一个纯文本文件。而浏览器平常看到的图片,视频等,都是这些文本组成的代码被浏览器渲染后的结果。 3.网站是多个网页...
  • 这套规范并非单纯的CSS、html或JavaScript命名规范,它涉及了很多使用PhotoShop这类设计工具进行网页设计过程中的命名规范。首先作者是出于公司几位美工的设计效果图源文件没有对图层命名而开始考虑总结一套的,还有...
  • 网页头部规范

    2005-03-22 14:05:00
    网页头部规范head区是指首页HTML代码的和之间的内容。...网页的css规范 (参见目录及命名规范) 7.网页标题 xxxxxxxxxxxxxxxxxx .可以选择加入的标签 1.设定网页的到期时间。一旦网页过期,必须到服务器上重新调阅。 2.禁
  • UI设计规范-全文篇

    千次阅读 2019-05-24 15:48:04
    UI设计规范 1 1. 界面规范 1 1.1. 总体原则 1 1.2. 原则详述 2 1.2.1. 用户控制 2 1.2.2. 清楚一致的设计 2 1.3. 细节约定 3 1.3.1. 界面风格 3 1.3.2. 统一术语 14 关于UI规范的几点意见 15 深圳UI...
  • 移动端APP设计规范

    千次阅读 2015-12-30 17:44:14
    一般用PS建立画板的尺寸为:750x1334px,原始375x667pt,@2x(iPhone 6 plus的尺寸是1242*2208,原始414x736pt,@3x) 字体用:华文细黑、思源黑体、Helvetica 头部状态栏(电量条)高度:40px,文字22px ...
  • 6天快速掌握网页设计

    千人学习 2019-06-28 09:57:49
    本套课程主要讲解了电商网页设计、企业网站设计规范、视觉设计技法,建站公司页面设计及实战练习。
  • web界面设计要素及基本设计规范

    千次阅读 2020-04-04 21:10:00
    所以,要明确的知道Web界面应该包含哪些基本要素及基本的设计规范,才能够进行高效的设计输出,当然,还要知道当下的web主流的设计方式有哪些。 设计规范存在的目的 1 在多人的团队里,通常不同的人员负责不同的流程...
  • 腾讯网Web页面设计规范 ... 本文档由卢松松博客收集整理的,介绍了腾讯网Web页面的设计规范,从网页宽度、页码设计规范,广告设计规范,文字的编排与设计等基础规范到页面修饰、质感的表现等参考指南进行说明... 更多
  • 弹出框设计规范

    千次阅读 2016-06-30 16:21:24
    浏览网页时经常会发现弹框出现后,滚动鼠标时,蒙版下面的页面还是可以滚动的,其实这些滚动都是没必要的,因为弹框的原意就是要聚焦用户的注意力。 因此我们要做的是 – 背景锁定(从技术角度其实是暂时性干掉滚动...
  • 治具设计规范

    千次阅读 2009-02-12 15:13:00
    治具设计规范就机械设备行业而言,广义的夹具可包括机器夹具(Machine Fixture),冲压夹具(press Fixture),热处理夹具(Heat Treatment Fixture),焊接夹具(Welding Fixture),装配夹具(Assembling Fixture)...
  • 25学堂|APP设计|网页设计师加油站 首页APP界面设计APP设计模板APP产品秀UI设计干货APP图标Html5CSS3APP设计教程优秀设计APP创业 当前位置: 首页 >> APP界面设计_APPUI...
  • Web网页尺寸规范

    千次阅读 2016-01-11 15:17:50
    系统分辨率统计:(基本情况如下边,实时情况可以参考 百度统计 ) 分辨率 占有率 分辨率 占有率 1366×768 ...网页宽度与首屏高度:

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 104,396
精华内容 41,758
关键字:

网页设计规范