网页设计设计的
Axure 设计网站原型时,网站宽度和高度怎么设置比较好
【页面尺寸】网页的尺寸受限于两个因素:一个是显示器屏幕(显示器现在种类很多,17寸为主流,正在朝19寸及宽屏的方向发展,但目前也有为数不少的15寸显示器)另一个是浏览器软件(我们常用的IE、遨游、Friefox等)【页面高度】高度是可以向下延展的,所以一般对高度不限制。对于一屏来说一般没有一个固定值,因为每个人的浏览器的工具栏不同,所以高度没有确切值。【页面宽度】1、在IE6.0下,宽度为显示器分辨率减21,比如1024的宽度-21就变成1003。但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框。2、在Firefox下,宽度的分率辨减19。比如1024的宽度-19就变成10053、在Opear下,宽度的分率辨减23。比如1024的宽度-23就变成1001如果是1024的分辨率,你的网页不如设成1000安全一点。设成900两侧空白更大,视觉上更舒服一点。也方便做一些浮动层的设计。如果是800的分辨率一般都设成770。但也有设成760的。这些需要明白并且牢记,不然很可能做出来不符合浏览器要求。不过一般我们都会设定的再稍微小一点,因为有些浏览器加了插件或者其他的东西宽度会有变化,所以 800的分辨率一般设定760左右,1024的设定990左右。网页设计标准尺寸参考:1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。2、1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间,就不会出现水平滚动条和垂直滚动条。3、页面长度原则上不超过3屏,宽度不超过1屏,每个标准页面为A4幅面大小,即8.5X11英寸。4、全尺寸banner为468*60px,半尺寸banner为234*60px,小banner为88*31px (另外120*90,120*60也是小图标的标准尺寸 )5、每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K【网页广告尺寸】1、120*120,这种广告规格适用于产品或新闻照片展示。 2、120*60,这种广告规格主要用于做LOGO使用。3、120*90,主要应用于产品演示或大型LOGO。4、125*125,这种规格适于表现照片效果的图像广告。5、234*60,这种规格适用于框架或左右形式主页的广告链接。6、392*72,主要用于有较多图片展示的广告条,用于页眉或页脚。7、468*60,应用最为广泛的广告条尺寸,用于页眉或页脚。8、88*31,主要用于网页链接,或网站小型LOGO。【广告形式 像素大小 最大尺寸】BUTTON 120*60(必须用gif) 7K;215*50(必须用gif) 7K通栏 760*100 25K 静态图片或减少运动效果;430*50 15K超级通栏 760*100 to 760*200 共40K 静态图片或减少运动效果巨幅广告 336*280 35K;585*120竖边广告 130*300 25K全屏广告 800*600 40K 必须为静态图片,FLASH格式图文混排 各频道不同 15K弹出窗口 400*300(尽量用gif) 40KBANNER 468*60(尽量用gif) 18K悬停按钮 80*80(必须用gif) 7K流媒体 300*200(可做不规则形状但尺寸不能超过300*200) 30K 播放时间 小于5秒60帧(1秒/12帧)【网页中的广告尺寸】1.首页右上,尺寸120*602.首页顶部通栏,尺寸468*603.首页顶部通栏,尺寸760*604.首页中部通栏,尺寸580*605.内页顶部通栏,尺寸468*606.内页顶部通栏,尺寸760*607.内页左上,尺寸150*60或300*3008.下载地址页面,尺寸560*60或468*609.内页底部通栏,尺寸760*6010.左漂浮,尺寸80*80或100*10011.右漂浮,尺寸80*80或100*100
有谁知道手机网页设计尺寸。
iPhone手机网页的设计尺寸iPhone5尺寸是640x1136px分辨率是326PPI iPhone4和iPhone4S尺寸是640x960px分辨率是326PPI iPhone和iPodTouch第一代、第二代、第三代尺寸是320x480px分辨率是163PPI安卓网页的设计尺寸320dp:一个普通的手机屏幕(240X320,320×480,480X800)480dp:一个中间平板电脑像(480×800)600dp:7寸平板电脑(600×1024)720dp:10寸平板电脑(720×1280,800×1280)ipad网页的设计尺寸iPad第三代第四代尺寸是2048x1536px分辨率是264PPI iPad第一代第二代尺寸是1024x768px分辨率是132PPI iPad Mini尺寸是1024x768px分辨率是163PPI以上是移动端的尺寸,单独的如果某一个移动的网站的尺寸是没有的,因为移动网站的一半情况是按照%比的尺寸 来自动适应屏幕的大小,或者也通过设置,iphone执行什么尺寸,安卓情况执行什么尺寸的。
网页设计好还是编程好
我就是做设计的,说实话还是建议你做变成,因为那个相对来说工资更高,刚毕业的也能有近3000,工作个一两年,技术过硬的话可以拿个四五千、五六千,甚至做个项目经理,有项目经理补贴;我本身做设计已经有四年了,现在工资也才五千多,而且是算上了每月的饭贴、交通补贴、项目补贴;而我们公司普通的程序员都是四五千,项目经理都是一万左右工资了有人说我们工作量没程序员大,技术含量没那个高,我要说的是那纯属扯淡,单单从设计页面来说,我们费的脑子就比程序员大N倍,我们完全是要自己创作页面出来的,而程序员呢?那些程序基本上都是有现成的,工资基本上就是每天复制粘贴,部分再做修改或者添加而已;要知道一般的公司做设计的人并不多的,而程序员却是主要成员,每个项目设计人员都要参与,而程序员一般都是平摊任务,轮工作量设计不必程序员少,论脑力活动,我们需要创意比程序员强很多倍,但是工资一般只有对方的一半或者一大半而已所以还是去做编程吧你,我是因为工作太忙,而已年纪也大了没精力再去专门学编程了,在做个八九年设计,攒点钱回老家做生意去,到时候都快奔四了,还做设计就有点没前途了
H5设计稿切图按照什么尺寸,微信公众号版本的
最新的 Photoshop 是有跟 Sketch 一样的输出切图功能的(Generator),用 2x 的 PSD 输出 3x 的切图也可以。而且 Photoshop 配合 Slicy 输出切图比 Sketch 3 快捷很多。Sketch 相当棒,但目前(v3.1)还是有不少小问题,加上对中文支持不够好,在界面设计中还不能完全取代 Photoshop。关于题目的问题,首先一份设计稿就不能适用于 iOS 各手机屏幕尺寸。以下是 Bjango 把目前各 iOS 手机屏幕还原为 1x 的对比图,可见在设计稿中四种屏幕尺寸宽高都不一样,不是简单地把 iPhone 5 界面缩放一下就变成 iPhone 6 的设计稿了。如何支持多个尺寸屏幕,这个要分情况讨论。对于常规界面我们可以偷个懒,只做 iPhone 5 屏幕尺寸的设计稿,请开发在其它屏幕上自适应,最终检查实机效果没问题就行。苹果官网上屏幕对比页面里用到的都是常规界面:对于一些定制的界面我们应该根据不同屏幕重新适配,比如下面是个简单的 profile 页面示例,自动适配到大屏幕的效果挺糟糕的。此时设计师应该手动为大屏幕重新调整设计,像下图一样。在上图中可看出 iPhone 6 Plus 界面中部分切图尺寸比 3x 更大,要单独切图,所以不是说简单地给 iPhone 6 Plus 统一切 3x 图就 OK 的了。这时矢量切图在开发中优势很明显,只要把大屏幕中切图的尺寸告诉开发即可,无需针对非 3x 元素额外输出切图。* 手机屏幕毕竟还是像素位图,像细线图标即使是矢量的在缩放后仍可能会出现虚化模糊的现象(类似 HTML 里的 icon font),理论上并非所有情况都适合用矢量切图。但是,iPhone 6 Plus 屏幕本身又是 downscale 的,导致原本 pixel perfect 的切图也会在缩放后发虚,完全没有 pixel perfect 而言,究竟是不是 iPhone 6 Plus 屏幕已经优化的看不出像素点了,要等看到实机才能确定。切图方面用 Sketch 的话可以尽量试试 PDF 矢量切图(但要在实机上确认效果)。Photoshop 就只能输出位图了,上面提到定制界面里的一些切图得单独输出,其他常规的用 2x 的 PSD 输出 1-3x 切图即可。另外,AI 不适合做界面设计。勇于尝试 Sketch 是好的,但若 Sketch 各种毛病忍不了的话建议还是用 Photoshop 好些。另外强烈推荐@Akane_Lee 老师一篇iPhone 6 及 Plus制图建议的好文!@Akane_Lee :iPhone 6 和 Plus 新机一发表,群里就有人跑来哀嚎说老板叫他准备 iPhone6 的适配,可现在什么文档都没有完整啊!在很多细节不明的情况下,我只能建议这种最保险安全的作法:做 @1x,放大给 @2x 和 @3x 用。以下情境预设为做一套 Mockup 要切出各种尺寸的图。
制作一个公司网站需要什么流程?
一个完整的网站建设流程基本上包括域名注册查询、网站策划、网页设计、网站功能、网站优化技术、网站内容整理、网站推广、网站评估、网站运营、网站整体优化、网站改版等。细化的来说就从以下六方面来看:第一、客户提出网站建设的需求,根据客户提出的具体的网站建设要求,网站制作公司进行全方位的评估以及了解第二、制定网站建设方案,针对客户提出的网站建设需求,设计出整体的网站建设方案,并与客户进行再次商谈,就网站建设的风格,主题以及相关的细节进行详细的沟通,与客户达到共识之后进行网站建设。第三、设计方案达成共识,预付款项,安庆宜采软件认为在双方就网站建设的具体细节达到共识之后,客户便需要支付一部分的网站建设费用,作为预付款,通常需要支付百分之五十左右。第四、网站建设初稿,敲定细节,在与客户达成共识,并且收付预付款之后,网站建设公司便开始着手进行网站建设的工作,在双方约定的时间内给出客户网站建设的初稿,就双方约定的网站风格、网站建设主题、网站设计内容等进行初步的审核。第五、网站建设完成,进行验收,网站建设完成之后,需要网站制作公司进行反复的审核以及试验之后才能交付给客户完工,在交付客户之前,所有的网站制作商都要对网站进行反复的测试,特别是对于网站的核心功能模块,要进行不断的测试,反复的测试才可以交付客户。第六:网站后期维护工作,网站交付给客户之后,并不意味着所有工作结束,还要对客户进行指导,以及网站的维护保养工作。
如何设计一个好的网页
网页设计是设计的一种,虽然和平面设计、景观设计、建筑设计不同,但还是有很多共通的地方,因为不管什么设计都是一种视觉语言,而视觉语言都必须遵循一定的准则,也就是我们所说的设计原则。整个页面的设计应该是和谐统一的页面整体和谐了,给浏览者是一个畅快舒服的感觉,要做到这个视觉效果,必须注意页面里文字、图片、线条、背景的统一融合,把这些组成网页的因素都有机联系起来,做到这个比设计好一张图片困难,他需要有整体大局的眼光,不去拘泥于局部或细小的地方。其实网页设计就应该先整体再局部,不过设计师最经常犯的错误就是钻进局部的巷子里忘记出来。网页设计应该合理运用好网页的色彩色彩在设计行业非常重要,如果一个设计师的色彩感很强,那么他到达优秀的距离就很近了。设计师需要根据色彩对人们心理的影响,合理运用好文字的色彩、图片的色彩、线条的色彩和背景的色彩。如果是企业网页设计,则可以根据企业的VI进行色彩的运用。网页设计不是为了设计而设计,是为了更好地突出内容每一个网页设计师都应该记住,我们做设计,不是为了让用户感觉到你的设计好看,而是为了更好地展现我们设计的目的,我们应该给用户展现的东西是什么?所以,一个好的网站设计,页面的设计效果都应该是被弱化的;一个好的网站设计,应该是在最短的时间内让用户知道你的网站是做什么的,有什么功能。网页设计需要考虑实际的浏览效果最怕刚从其他设计行业转行过来的设计师,一味地使用背景、图片、不支持的字体,不会充分利用好网页本身的线条、边框、背景功能。导致网页设计出来了,效果很好看,但实际制作成网站后,因为背景或图片使用过多,页面打开太慢,浏览效果大打折扣,这样的设计也是非常失败的。
网页设计新手如何开始
首先,可以告诉想学网页制作的朋友。学习制作网页和学习其它知识一样,是要有基础的。在基础之上学习起来会比较轻松和快捷的。其次,要清楚学习它是用来做什么。 建议你要具备的条件:对电脑熟练操作,使用电脑最好在一年以上,对网页设计感兴趣,有较充足的学习时间,熟悉office办公软件。当然,这些不是一定必须的。下面介绍一下网页制作学习过程。 第一阶段:首先你不要一开始就做网页,要知道和了解网页的一些网页基本知识和原理,这一点很重要,那样你会避免在制作网页的过程中的很多误区。比如什么是超链接,绝对链链接与相对链接的区别;什么是动态网页,什么是静态网页;还有IP与域名的关系等等。原理了解之后,就开始学些网页编辑软件,如:FrontPage、Dreamweaver.这样可以使您更了解网页制作与运营的原理。最好使拿书本教程来学学,结合教程边学习边制作。在学习编辑软件的过程中,你就要逐步接触html语言,然后是css,最后子解一下javascript,在这一学习过程你最好静下心来学,不要到网上或论坛上问这问那,那只是浪费时间,因为你还不懂。。会用网页制作软件后,已会制作一个较完整的网站了。但是要知道你目前学习的还仅仅是静态的网页,当你能够做出一个静态网站,并会将其发布到网上与网友们分享的时候,你的第一个过程就算完成了第二阶段:好了,静态的网页制作差不多的时候,你可以去网上与网友交流交流了,那时你会发现自己的水平还很有限。现在你需要由静态向动态过渡了,主流的动态网页编程语言有三种asp或asp.net、php、jsp.每种都有各自的特点,看你喜欢那种,要三种都精通那是比较不实际的吧,也是没有必要的。这一个过程也是个很关键的过程,你要系统得学习一种语言,还要学会动态网页动行环境的搭建,还有数据库方面知识。记住要根据你自己的实践情况慎重地选择一种,不要学了一种又学那一种,结果一样也没有学会。我有切身体会,但是每一样稍作了解是必要的,要不你怎么先择啊,是吧?第三阶段:结合你自己已掌握地知识来开发网站,可以开发出别人给你定义的目标网站。到了这个时候,你就成为真正的网站开发者了。这时你可以加入一个团队了,接下来的知识的学习是靠实践和交流了,你可以上论坛去,有些知识书本上是学不到的。这一个阶段你可能是漫长的,你只能不断得充实自己。 怎样制作网页,不是说一两篇文章能够说清楚的。以上介绍的是制作网页的主要纲要,希望能够给想要学习制作网页的朋友一个参考。满意请采纳
网页设计用什么软件最好?
设计网页现在通常用到的学习软件,现在帮你罗列如下:(1)Photoshop:学习图像处理、编辑、通道、图层、路径综合运用;图像色彩的校正;各种特效滤镜的使用;特效字的制作;图像输出与优化等,灵活运用图层风格,流体变形及褪底和蒙板,制作出千变万化的图像特效。(2)CorelDraw:通过CorelDRAW9的全方面的设计及网页功能融合到现有的设计方案中,制作矢量的插图、设计及图像,出色地设计公司标志、简报、彩页、手册、产品包装、标识、网页及其它。(3)PageMaker:学习排版设计的基本法则、使用方法与技巧,工具箱、快捷键的使用,菜单功能及操作技巧,出版物、书籍、宣传彩页、出片输出注意事项,报纸杂志等的高级专业排版制作的方法。(4)Illustrator:学习图形绘制、包装、宣传页的制作,让你更加方便地进行LOGO及CI设计,不到一个月,您就会成为一名真正的美术大师,在Photoshop的基础上再学它如虎添翼,效率成倍提高。(5)①DreamWeaver, 自制动态HTML动画的网页.DreamWeaver是一个很酷的网页设计软件,它包括可视化编辑、HTML代码编辑的软件包,并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性,而且它还能通过拖拽从头到尾制作动态的HTML动画,支持动态HTML(Dynamic HTML)的设计,使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。 DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换,HTML句法及结构不变。这样,专业设计者可以在不改变原有编辑习惯的同时,充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计,这项设计使任何人都可以轻易扩展它的功能。
给别人做前端网页设计,收多少钱比较合适?
按每页800来收就可以了,毕竟你是学生.不过不能再低了,商业是谈商业不是谈感情.你经验不足可以少收,但是说朋友义气,抱歉我鄙视你,并且你朋友也不会念你好,而且以后你工作后你朋友找你还会按你现在的价格走,你如果抬高就骂你不讲交情.反而伤和气.所以你要报的价格就是要报商业价格.你说的高只是你是学生,不知道价值.那换个话说,如果这个网站发了,你认为他们会给你分红么,估计想都想不起你.设计有设计的价值,不要让你的价值变低.
网页设计一般需要用那些软件?
Dreamweaver、PS、FlashDreamweaver用来设计网页的元素,我们平常看到的网页中的文字、表格、特殊效果等都是可以通过Dreamweaver来实现。Dreamweaver是基本的网页代码编辑软件。它有一非常好的地方:所见即所得模式,可以让不会代码的人也能设计出简单的网页。PS是Photoshop的简称,主要用来处理图片。一个网页中如果只是文字和表格阅读质量就会下降,所以配上好的图片就非常重要了。PS是专业的图像处理软件,几乎可以做出你想要的任何图片效果。Flash用于制作动画。如果你设计的网页中需要出现动画,那么Flash是最好的选择,入门级操作就可以做出非常流畅的动画。设计网页除了软件之外,其它的只是也是必不可少的。代码方面,可能要掌握HTML语言、JS、Java、CSS等多门编程语言。