开始设计
只是聊聊

以用户为中心的设计

网址导航 - 书友会 - 邮件组

× 关闭
我有建议/意见

主要内容

屏幕分辨率和布局 最后更新: | 文章数: 11

宽度问题其实是一个蛮值得讨论的问题。在屏幕越来越大,尺寸越来越多样的时候,这个问题会越来越凸显。是固定宽度还是百分比? 是两三栏内容紧挨着,还是分开? ... 

  • 11. 网页字号多大才合适?    2009-06-25 15:56

    在这个显示器百花齐放的时代,网页设计师往往需要考虑不同客户端的浏览体验。 文字大小,是用户体验中的一个重要部分。不同的分辨率,不同的显示器尺寸,不同的DPI,乃至不同的浏览器设置,都会对最终展现的文字大小带来影响。虽然现在很多浏览器已经可以方便地缩放页面,但用户每次光临都要重新缩放,总归麻烦,何况还有许多用户不知道如何缩放页面。最好还是根据用户的分辨率给用户一个比较体贴的默认字 ... ...

  • 10. 屏幕分辨率和布局简述    2009-04-20 01:26

    广州4.18书友会主题的内容提纲自己参与撰写,同时还参与组织和主持。通过这次的深入参与,我发现胡晓同学能坚持下来多不容易,先赞下。由于天公不作美,原定的以春游踏青小组讨论的形式无法实行,只能30号人一起参与,其中的各种不适大家可以看看胡晓同学的踏青归来(UCD广州书友会第七期回顾)的描述,下面开始我们的主题。 1. 屏幕分辨率和布局的定义 1)分辨率 分辨率(Resolution) ... ...

  • 9. 排版自适应提升可访问性    2009-04-07 14:37

    上回说到“大屏幕浏览页面的良好体验,本就应该用户自己调整窗口。” 根据屏幕不同大小,缩小窗口出横向滚动条在所难免,但理想情况下,页面应该能适应不同客户端浏览器和分辨率。实际操作通常又有三种情况:版面自适应、视觉自适应、内容自适应。 在windows系统任务栏空白处单击右键,有如下图的菜单,分别提供有“横向平铺窗口、纵向平铺窗口”的功能 ... ...

  • 8. 对网页宽度设计的问题应如何讨论?    2009-04-07 03:21

    在网页多宽才合适这个话题上,白鸦一开始就抛出了650这样一个数字。后来我在 GR 里面分享的时候写:【其实 650 是不准确的...或者说不够严谨。与显示器尺寸、DPI 有关。用字数也不行,与字的大小也有关。】 关于这个严谨不严谨的问题,后来在 Gtalk 上与鸦又更详细的讨论了一番。分享知识,整理如下。 1、Web 排版设计上,没有一个单位(指CSS长度单位)是可靠的。哪怕在CSS中理想化的 ... ...

  • 7. 到底要设计多宽的网页? 2009-04-06 09:39

    白鸦等同学,作为设计师,都在研究,到底多宽的屏幕适合于阅读。研究来研究去,他们认为,设计页面的人,首先应该考虑到,很多同学眼珠子没这么宽,必须限定为650-800宽度。也就是说,太宽了,就费眼睛,阅读速度也慢了,易用性就降低了(当然,这也是很多老外研究的结论,白鸦他们只是作为传道者,给大家传道而已)。还有,白鸦同学也说了,有1680或1920宽度的显示器,在看网页时,最好不要全屏,这样简直是自己折 ... ...

  • 6. 宽屏显示下的网站网页宽度    2009-04-07 04:34

      当前的前端设计师有一个苦恼,就是用户屏幕显示分辨率的各不相同,并不能只按照一个模式设置网站的宽度,特别对于宽屏用户来说更为烦恼。   根据我的博客上月统计,1024×768分辨率的用户只占到50%,并且在逐月下降,而1280-1440这三个分辨率的用户则达到了35%,如果按照这个速度发展下去,明年就会超过1024分辨率,这说明,使用17寸普屏的用户正在加速减少,而17、19寸宽屏 ... ...

  • 5. 宽屏幕下的 Web 设计    2009-04-06 23:12

    我倾向于在 Web 设计中尽可能在最优分辨率前后都给予浏览器宽度一定的自由度. 往大去是为了在能改善体验的前提下充分利用大屏幕的用户的屏幕空间, 往小去是考虑到有时候用户并不是把浏览器窗口最大化, 或者不能占满整个屏幕. 举个 use case, 我工作的时候经常会两个窗口 side-by-side, 一个窗口是 Google Docs, 另外一个窗口呈现参考资料. 如果是在咖啡馆里面干活那 ... ...

  • 4. 让阅读更流畅    2009-04-06 02:46

    有价值的争论会带来思考,网站页面的宽度究竟如何设定?一个咖啡馆博客如何设计引起的争论。 用户的屏幕现在的屏幕趋势很可能会出现两极分化,一种是追求大屏幕,跟当初电视机一样,现在去中关村,24寸都成为主卖产品了。另一种趋势是小和便携,尺寸会越来越小,目前的上网本,大多还是保持了1024的宽度。以后,谁知道呢?显然,设计需要应需而变。 阅读宽度的尺寸和单位1 用百分比显然不利于各种分辨率的屏幕,这个 ... ...

  • 3. 宽屏不是用来阅读的    2009-04-05 15:25

    首先得抛出个重要的前提观点,大屏幕、宽屏幕根本不是为方便“扫视”准备的。所以说以内容为基础的网站设计不用考虑超宽、超大的场景,甚至包括服务类网站都如此。 曾经在800*600为主流时,页面宽度大都以770或780px为标准;在1024*768为主流时,页面宽度大都以950或960px为标准。当时准则很简单,首页固定宽度,因为版面容易控制;内文页自适应宽度,因为可以让更大屏 ... ...

  • 2. 网页用多宽才更合适?    2009-04-05 13:07

    此文用来正式回复大辉同学的疑问。 . 1、结论:固定宽度只适合功能型网站,不适合希望用户认真阅读的浏览型网站。UCD大社区是浏览型网站,它的定位是“知识库”,希望你停留在这里认真浏览和阅读。 2、大屏幕不是用来显示更宽文字内容的,大屏幕下必然会面临鼠标长途奔袭的问题。建议用大屏幕的人:为自己的身体健康着想,在大屏幕下阅读的时候,养成缩小窗口的习惯。共勉 :) ... ...

  • 1. 关于《UCDChina 的设计是否土鳖?》—...    2009-04-04 03:10

    起因现场:http://www.flickr.com/photos/fenng/3409309938/ 起因:白鸦说fenng找的blog模版土鳖,冯大辉截图反击说UCDchina才土鳖呢, Fenng的截图:《一个宽屏用户的鼠标长途奔袭..》 白鸦 說︰ 哈哈哈。 说你土鳖吧,你还不服。 这个问题是这样的: 1、在1024下,中间没有空档。主要用户群的分辨率 ... ...

1-11 of 11