响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

2024年网页设计 返工问题(5篇)

网页设计 返工问题 第1篇

Q7:页面内容宽度设为多少呢?

答:你是不是觉得全屏才震撼?然而苹果官网最大内容宽度也才980px。在2/3/4k屏幕下,浏览器的实际展示分辨率并没有1920px宽,如果内容宽度不是自适应的必定会有滚动条出现。

12'的macbook pro的几种分辨率:1024*640/1280*800/1440*900(默认分辨率)/1680*1050(最大设置)。

'的华为笔记本3k屏3000 x 2000分辨率/260 PPI,实际浏览器视口分辨率大约为1202px宽。

所以通俗点讲在macbook和nK屏幕上,浏览器显示的实际分辨率大小是我们适配的大小,并非设计大小。因此当用1920px宽度设计的时候,如果页面内容繁杂,你想偷懒不想设计多个版本,需要考虑主内容宽度最好不要超过1024px(配图可以超过这个宽度的,窄屏下显示一部分即可)。

网页设计 返工问题 第2篇

答:我有遇到过这样的设计稿-单独banner内容不居中偏左或者偏右、图文列表图和文参差不齐、卡片列表每张卡片大小不一、整个页面从上到下找不到宽度规律(这一块内容宽度1031px,那块宽度1249px,另外一块1352px完全无规律)、标题文字全文不一致(上面的主标题倾斜,下面的主标题不倾斜了)、文字和矢量形状转成了位图等等各种不规范。

说实话看到这样的设计稿都要崩溃,然而很难想象这些问题都能出现在同一个设计稿中!每次收到设计稿都要仔细挨个图层查看检查问题,不然就要一直问一直问,问到自己都不好意思再问的程度。要是碰到脾气大的前端,怕是要屌人~

所以呀,网页和移动端不同于平面或其他设计,它喜欢对称和规矩。很多东西都是循环出来的,如果每个都不一致前端要多写好多代码,而且除了显得不细致专业外没有什么用处,一致性是对设计最起码的尊重呀~  宽度建议用整数,绝对居中设置的时候好整除。除了超大素材图可以转位图外文字和矢量形状建议保留不转化,前端可以快速复制和查看矢量形状属性。

最后还是建议设计师多少了解一些前端知识。

网页设计 返工问题 第3篇

答:网页一般用微软雅黑,因为windows默认字体是微软雅黑,可减少加载时间保证在每一台windows设备上显示一致。也可以用其他字体,但最好不要用默认黑体,页面上加载会有锯齿。个人不推荐网页用苹果的平方系列主要是因为在小字(小于16px有锯齿)方面实在是不好看。如果是英文网页,倒是可以选择很多英文字体,然后服务器加载、网页字体压缩即可。推荐华为官网用的一款字体:_Manrope_,Arial,Helvetica Neue,Helvetica,sans-serif。

网页设计 返工问题 第4篇

总结和讨论

由于疏忽,上述这些错误难免会发生。设法去避免它们,就要确保你的响应式设计能在所有的设备类型上正常工作。

Will: “不要先在桌面端做设计”,老实说来,仅仅是个意见,我不会过多严肃的对待。

Den McHenry :你说的可能没错,但在这篇文章中的例子看来,这确实是个正确的选择。

Will:文章标题是“响应式Web设计应该避免的错误”,“不要先为桌面端做设计”是给出了一个例子。这里有两个自然段来解释为何不先为桌面端做设计,或者说是扩大了对响应式web设计的无知。为什么首先在桌面端设计是错误的呢?建议可能是错误的,盲目跟风而不是明白自己为什么这样做是更大的错误。

Den McHenry:我理解你这种对趋势的下意识反应,但是手机先的设计原则并不像扁平化设计或者其他的设计。这是事实,基于大量的证据,当这种观点被听众所获得时,它更关注于什么是最重要的,并且提供了针对跨设备的最好的经验。若要将两种既定的方式进行类比,桌面先是优雅退化,而移动端先则是渐进增强。在第一种情况下,您创建您想要的网站,并决定需要移除什么或如何做出改变已适应其不能匹配的设备。在第二种情况下,您的构建则完全像盖房子从地基开始,为各种视图考虑最佳的经验。这并不是说你不能在真正的设计(如需求,构建,测试,迭代)开始前和在构建中完成桌面端的理想设计,但是针对适应性和可用性而言,做减法相比做加法确实会产生更多的错误从而增加时间成本。想象一下一个汽车制造商首先构建一个昂贵的模型,然后将组件做的更适配。想象一下一个建筑设计师先设计一个房子,然后规划房间来满足你的需求。你失去了结构完整性和具有凝聚力的设计,同时在每个阶段引入新的 bug。老实说来,上文中关于首先在桌面进行开发的缺陷已经写的非常清楚了,我不明白你的意思,看起来有点无脑黑的感觉。

Will:不好意思,我不接受你的观点。你的类比并没有道理,因为在web开发中,你其实是可以非常容易的减少空间适配更小的空间。此外,手机端首先怎么避免这些问题呢?你主观上强迫减少了这些情况的展示。我觉得现在手机终端做设计和在经验丰富的桌面端做设计都是可行的,但是可能缺乏比较好的用户体验。这就是为什么我觉得X先是愚蠢的。重点在于用户体验,而非“先为手机终端开发”。说到这,顺便说一句,你的意见比文章更有指导性。干的不错。所有的文章都会说“这会导致返工和大量的错误”,但是开发者不应该在没有理解原因的情况下盲目的跟随这写建议。

网页设计 返工问题 第5篇

单独为移动端网站分配一个地址整个就是一个灾难,这摧毁了我们起初交互设计的目的,并且是可以论证的。当用户在访问网站时,重定向到移动端版本,结果是不得不浪费了很多宝贵的时间。此外,这也能非常严重地影响到你的搜索排名。但是,理所当然,使用不同的URL也有许多优势。它可以确保你能够架构具有更轻便页面的移动端网站,并且能够在智能设备上表现更好。该站点也能照顾到在特定平台上的性能和表现。不幸的是,具有单独移动端网站地址的消极影响远大于积极影响。

猜你喜欢