网页应该设计【互联网知识】– 星欧娱乐
首页 > 热门提问 > 网页应该设计

网页应该设计

提问

问题
列表

  • H5设计稿切图按照什么尺寸,微信公众号版本的

    查看答案>>

  • 计算机,网页设计,如果在网页的中上部横着排列三张导航图片,HTML和ass两个分别应该怎样写?

    查看答案>>

  • UI设计需要学习哪些技术?它和交互设计师什么关系?

    查看答案>>

  • 请问响应式网页设计PSD需要做多大的尺寸和多大的分辨率

    查看答案>>

  • 自学网页设计需要学习什么?

    查看答案>>

  • 要学习网页设计,需要用到什么软件?

    查看答案>>

  • 如何成为一名网页设计工程师?具体应该怎么做?

    查看答案>>

  • 网页设计需要学习拿些课程?

    查看答案>>

  • 手机网站网页设计应该注意什么问题

    查看答案>>

  • 网站前期的设计需要注意哪些方面

    查看答案>>

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 要切出各种尺寸的图。
1 有帮助 展开

计算机,网页设计,如果在网页的中上部横着排列三张导航图片,HTML和ass两个分别应该怎样写?

html代码<ul class="nav"><li><img src="a1.jpg"></li><li><img src="a2.jpg"></li><li><img src="a3.jpg"></li></ul>css代码.nav li{ float:left; padding-left:10px;}注:float:left定义图片向左漂浮,,padding-left:10px定义图片左侧内边距为10px(即图片与左边图片的间隔空隙);
0 有帮助 展开

UI设计需要学习哪些技术?它和交互设计师什么关系?

1.精通Photoshop、Dreamweaver、Flash、Illustrator或Freehand等矢量图形编辑软件;2.具备较强的网页美术设计能力和很深的美术功底,极好地把握视觉色彩与网站布局;3.较强的分析问题和解决问题的能力;细致的观察能力,较强的创造力;对产品流程、用户操作流程及用户使用习惯有深入理解,掌握用户研究、可用性测试和评估技能,有很强的交互和视觉创新能力;4.熟悉HTML,XML,DIV,CSS,熟练运用DIV+CSS制作网页,能够手写代码者优先。关系:交互设计师主要是研究用户需求和界面的关系,并且根据这种关系,对产品的功能和界面交互模块进行设计和规划。例如要做一个网站,交互设计师主要考虑的问题是,这个网站的目标人群是谁,满足他们的什么需求,目标用户有什么样的操作习惯。根据分析相关的需求调研数据,交互设计师会建立一个或者几个用户模型,然后分析这些用户的使用习惯,建立网站的设计原型,这个原型可以是普通的相框稿,也有可能是一个高保真模型,但是并不需要设计元素细节和具体的视觉效果。一般来说,交互设计师的工作内容就到此为止了。UI设计师,顾名思义,会更侧重用户界面的设计,前面那些用户模型、需求分析什么的,UI设计师一般不用参与,等交互设计师把这些工作都搞定了,完成了一个设计原型之后,UI设计师再对页面的细节进行设计和优化,所以UI设计师的工作会根偏向视觉一些。不过这两个工作的交叉点还是很多的,如果做交互的有UI设计的经历,那么做产品原型的时候就会更加规范和美观,如果做UI设计的有交互设计的经历,那么在进行具体设计的时候就会更加关注用户需求和用户体验,所以有的公司招交互设计师,要负责UI方面的工作,有的招UI,却要有交互的从业背景~~你要想学UI设计的话,建议你去国信安吧。很好的。
0 有帮助 展开

请问响应式网页设计PSD需要做多大的尺寸和多大的分辨率

PSD最好做1366*768的尺寸,网页顶部、底部、导航条部分需要百分百宽 内容根据PSD设定具体像素
1 有帮助 展开

自学网页设计需要学习什么?

网页设计也分很多部门,你做平面的不如做网页美工比较简单,至于你想独立完成一个网站的制作全过程,首先得学软件,比如DreamWeaver,那也只能做静态的网页,动态的还需要学数据库,如ACCESS,学网页代码制作。网页要美观,还得学FLASH等等。。。 网页代码从简单学起,ASP应该算是比较简单的了,没有条件系统的学的话就下载ASP代码的网站,然后学习编辑修改天下文章一大抄,就算你不会编辑代码,只要把上面说的乱七八糟的都弄的7,8不离10,你可以把下载下来的网站修改成任何你想要的样式。www.chinaz.com,这个网站去看看
0 有帮助 展开

要学习网页设计,需要用到什么软件?

前端设计主要的工作无非就是按照效果图使用前端的代码来做出符合要求的静态页面,使用的软件大致如下(不同人是使用的可能不同):1、以Photoshop为代表的图片处理技术。网页设计的第一步是按照客户的需求来设计网站效果图,这个工作是由美工来完成的,现在网页设计严格的来说不包括美工的工作,即美工只负责设计效果图网页的设计师只负责严格按照效果图将效果图的样式以网页的形式做出来,那可能有人会问为什么网页设计师还需要ps呢?那是因为网页设计师也就是前端设计师需要将美工制作的效果图(一般是psd格式的)使用ps的切片功能将其中用的到的图片裁切出来放到网页上去用,此时就要使用photoshop来完成这个工作,所以作为网页设计师或者前端设计师会一些基本的Photoshop知识还是很有必要的。2、前端代码编辑器如dreamweave、hubuilder等,建议初学者使用记事本等文本编辑器。我们知道现在的网页设计都是纯手写代码基本没有使用可视化编辑的了,原因是可视化编辑的网页有很多弊端如代码冗余、后期改版难以控制和维护、网页的执行效率和性能不高等。此时解决的办法就是纯手写htm、css、js等代码来做我们的网页,但是我们在实际开发过程中又有些问题,学习的网页的初期我们可以使用记事本或者有些简单的文本编辑工具来写代码,但是在实际开发过程中我们需要借助有些好的编辑器来提高我们的效率, 此时就需要使用功能强大的编辑器,提供代码高亮、代码提示等功能来提高开发的速度,常见的前端代码编辑器有dreamweave、hubuilder、sublime等等,这个根据个人的习惯和工作的环境进行选择即可。但是建议初学者使用记事本等文本编辑器,这样能让我们记住一些关键词,有利于学习。3、一些更高级的前端工具和软件我们也需要学习。在实际的开发过程中,以上的工具并不能完全满足我们的需要,尤其是开发一些大型的项目的时候,我们需要使用和借助的工具来帮助我们进行开发,这里简要说一些。例如当我们进行团队合作的时候,我们可能还会使用一些版本控制工具来进行团队合作,如svn、github等,在进行项目管理的时候我们可能还需要一些前端的包管理工具如grunt、webpack等。这些工具都是一个专业前端工程师应该学些的。总结:简单的介绍了一些网页设计中需要使用的软件和工具,可能不是很全面,但是可以给大家作为一个参考。
0 有帮助 展开

如何成为一名网页设计工程师?具体应该怎么做?

要成为一名网页设计工程师,必须你要懂得网页设计,可以到学校学习或者自学。成为网页设计工程师需要掌握的有:一、熟练操作Dreamweaver及Photoshop; 二、能够简单操作Flash、Firework、Illstrator等作图工具; 三、如果是涉及编程,需要能够操作asp、php、.NET其中一种编程语言; 四、尽可能多的理解熟悉各种网站的基本架构表现。 五、理解能力及沟通能力强。
0 有帮助 展开

网页设计需要学习拿些课程?

《网页设计与网站建设实战大全》《实战 Dreamweaver网页制作教程》《JavaScript  语言精粹》
0 有帮助 展开

手机网站网页设计应该注意什么问题

  我们对手机网站制作中需要注意哪些方面的问题展开分析,为各位手机网站制作的用户们提供一些参考,现总结几点如下:  1、明确自己想在手机网站上展示哪些信息:  在手机网站制作之前应该明确自己想在手机网站上展示什么,分析一下可能的浏览者会有哪些,然后有针对性地策划和设计网站上的相关内容,这样才能做到有的放矢,不至于手机网站制作好了却没人浏览,或者浏览了不感兴趣。如果能做到有针对性的进行手机网站制作,通常手机网站在推广之后都会为企业带来一定量的潜在用户。  2、在手机网站制作时要尽量符合滑动屏幕的方式:  一般的手机屏幕,画面都不如桌上电脑那么大,尤其是阅读文字时更需要加以放大。即使智能手机具有网页放大缩小功能,但是观看起来也较为麻烦,因为网页放大后,很可能还要左右滑动才能浏览网页,浏览后还要缩小回原大小。因此在设计手机网页时,应能够以滑动屏幕的方式来阅读网页,因为滑动网页操作比着放大网页观看来要简单得多。  3、不能参照PC端网站来设计手机网站上的导航功能:  手机网页与跟一般的PC端网页不同,由于受到手机屏幕大小和屏幕操作的限制,在设计导航功能时应该按照手机屏幕来设计,不能完全照搬PC端网站,该简单的地方简单化,该去掉的去掉,同时在当阅读文章到最后时,要方便于用户回到最前头,减少卷动画面的机会,让网页变得更容易于移动设备上阅读。  4、手机网站制作也要考虑多种浏览器的兼容:  现在的移动浏览器能够处理大多数网站,一般的浏览器都能够正常浏览网页。但由于手机上的浏览器也有多种,比如UC浏览器、360浏览器、搜狗浏览器、其他浏览器,如此多的浏览器在浏览网页的时候,如果手机网站的兼容性差,就很可能会出现在某些浏览器上出现网页变形、内容显示不全的情况。因此,手机网站制作必须考虑到兼容于多种浏览器。  5、在手机网站制作时一定要减少用户文字输入操作:  现在智能手机一般都没有实体的键盘,或仅只有12键的电话输入功能,因此在输入文字上会比起使用电脑键盘麻烦得多。因此,减少使用者输入文字的机会,例如用户名、密码等,都是手机网站制作时要尽力避免的。  6、在手机网站制作时就应该考虑到日后的推广和宣传:  在手机网站制作时,不要忽略了用户体验,否则在日后的网站推广时将会遇到麻烦。任何一个手机网站,都必须经过广策划、设计和推广的过程,在手机网站制作时需要考虑日后的推广,手机网站应该在丰富站内内容的同时,提供详尽的产品信息以及联系方式,并收集有关产品的用户满意度和顾客需求方面的反馈信息。这样的手机网站上线后,其推广工作也会非常有效果。  7、手机网站制作要兼顾非触摸屏幕的设计:  虽然大多数手机都是智能手机,但也有为数不少的传统手机,不具备触摸的功能,使用的是传统的控制方向键做为滑动的工具,这时候,手机网页的制作应兼顾到非触摸屏的手机浏览。比如减少画面中超链接的数量、加大文字以减少误点。  8、在手机网站制作时要记得要简化网页内容:  一般的手机、平板电脑等移动设备,由于屏幕大小的限制,不易容纳下个人电脑的大容量的网页资讯,因此手机网站制作的首要一点就是减少网页内容,最好不用图片或是影音视频等,文字也应该精简,但要保持网页内容的可读性。只需要将最重要的资讯放入移动版网页,不太重要的内容内容,可以略去,或者通过超链接链接到星欧页上。  9、手机网站制作要注重网页产品和服务的展示:  企业在手机网站上,需要表现的重点仍然是产品和服务的展示。移动用户访问企业手机网站往往是有备而来,想了解某个产品或者服务的详细价格、服务内容和功能。所以企业在手机网站上的产品和服务展示,可选择企业的主要产品,对其各类参数或价格加以详细说明,对于企业的新产品,也可以适当的加以介绍,必要时可以采用图文并茂的方式,但图片的体积应尽量小。  以上是在手机网站制作中需要注意的几个方面,手机网站页面设计需要符合用户体验,以方便用户操作为准则,能够为用户带来切实的帮助,这是手机网站制作上的基本要求,也是满足用户需求的基本原则。
0 有帮助 展开

网站前期的设计需要注意哪些方面

设计出令用户满意的网站来。比如说,页面要美观、大方,这样用户看了才会觉得这个网站是一个高大上的网站;老渔哥认为代码要精简,这样访问时打开网站就会比较快;内容要充实,用户看了才会觉得你是在用心去为他们服务,为他们提供最新的信息,才会认可,操作要简洁,大部分用户都不是专业人员,太复杂的操作他们根本不会,所以越简单越好。
0 有帮助 展开
img

在线咨询

建站在线咨询

img

微信咨询

扫一扫添加
动力姐姐微信

img
img

TOP