网页设计细节:有效期时间格式的展现

最近设计一个优惠券列表,有个属性是有效日期,因为空间有限,必须要把开始日期和结束日期在一行显示,这样就出现一排的数字,日期有好几种我们习惯的格式,哪个更好?

上图说话:

虽然只是小小的有效期,但列出不同的展现方式,能帮我们找到最佳的方案;

平时我们的设计也是如此,常常做了一个方案后,因为花了很多精力,总会不自觉认为它已经够好了;当我们放下包袱,好好听取其他同事的建议,也许会看到很多自己没有考虑周全的细节还有待优化,优化后再和第一版去对比,是不是更棒了?

我相信好的视觉设计,都是细节经得起推敲的。

时间: 2024-12-22 16:36:32

网页设计细节:有效期时间格式的展现的相关文章

网页设计细节大总结

大家都知道"细节决定成败"这句名言不仅在其他行业非常重要,而在页面设计当中更是颠扑不破的真理.需求的眼睛和感觉总是非常敏锐的,对于一个页面没有得到需求方的认可,但是他们又说不出什么理由,这个时候就是细节问题了.一个页面的细节到位才能充分体现出页面的品质.一个优秀的作品与卓越的作品相比差距就在于细节的把控. 那我们具体该如果做好细节呢? 下面简单介绍一下. 字符 字符是页面中不可缺少的部分,页面上最重要的部分.所以这部分细节是最基础的,也是最不可忽视的.网页上80%的信息是以文字形式传达

让页面更上档次 网页设计细节大总结

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 大家都知道"细节决定成败"这句名言不仅在其他行业非常重要,而在页面设计当中更是颠扑不破的真理.需求的眼睛和感觉总是非常敏锐的,对于一个页面没有得到需求方的认可,但是他们又说不出什么理由,这个时候就是细节问题了.一个页面的细节到位才能充分体现出页面的品质.一个优秀的作品与卓越的作品相比差距就在于细节的把控. 那我们具体该如果

视觉设计理论:有效期时间格式的设计

最近设计一个优惠券列表,有个属性是有效日期,因为空间有限,必须要把开始日期和结束日期在一行显示,这样就出现一排的数字,日期有好几种我们习惯的格式,哪个更好? 上图说话: 虽然只是小小的有效期,但列出不同的展现方式,能帮我们找到最佳的方案: 平时我们的设计也是如此,常常做了一个方案后,因为花了很多精力,总会不自觉认为它已经够好了:当我们放下包袱,好好听取其他同事的建议,也许会看到很多自己没有考虑周全的细节还有待优化,优化后再和第一版去对比,是不是更棒了? 我相信好的视觉设计,都是细节经得起推敲的.

网页设计细节:扩大用户可操作区域

从 Google 的一个细节说起: 整个虚线框都是"Next"的可点击区域.看似不经意,却直接提升了细节的可用性.其它页码也巧妙地和上面的字母 o 一起组成可点击区域.与百度和 Bing 的翻页相比,Google 优胜. 再来看 Twitter 的注册页面: 很大很舒服.到了这个页面,瞎逛都会忍不住去填写填写.提示文字也恰到好处,能提供帮助,不恼人. 我喜欢 Google. 来看下 Google Docs 中的颜色选择: 和其它富文本编辑器相比,Google 的颜色小框框大了不少.对比

互联网产品用户体验设计:瀑布流布局网页设计细节

文章描述:说说瀑布流式网站里那些可人的小细节. 瀑布流式布局,想必设计师们已不再陌生,随着pinterest自2011年开始走红,瀑布流式的布局被越来越多的网站所使用.花瓣网.堆糖网.布兜.发现啦,美丽说,蘑菇街,人人逛街,凡客达人等,复制Pinterest的网站在中国蜂拥而现,粗略估计已有几十家之多. 为什么选择瀑布流? 既然pinterest式蜂拥而现,我们先从体验角度看,瀑布流布局为什么好? 笔者浅见.随着读图时代快餐式消费的来临,瀑布流对于图片的展现,是高效而具有吸引力的,用户一眼扫过的

不可忽视的网页设计细节“对齐”

  对齐这个最基本的原则,我们自从记事起就开始接触.中国人讲究的对称艺术,在我们的生活中无处不在,这也决定了我们网页所必须遵循的一个原则就是一一对齐.那么,一一对齐这个看似简单的问题背后,又有哪些我们想不到的讲究呢?本文我们将一一探讨. 作为高效设计原则,"对齐"可以帮助我们对"元素如何在页面中布局"做出明确的决定.利用战略层上的布局,可以设计出更强大.更吸引人的作品;利用网格系统,可以为每个元素的定位提供标准的指导.没有对齐策略,我们就会随意安放元素,与其他相似元

网页设计技巧:网页图片选择JPG格式还是GIF格式

网页设计中,保证图片清晰的前提下,图片越小越好.因为这样可以减少带宽占用,加快网页打开速度.尤其对于门户网站和访问量很高的网站,如果图片 都能比原来小10K的话,那么节省的带宽相当明显.那么就要求设计师在制作或生成图像时,选择合适的格式和质量,尽量把图片体积压缩的更小.下面就网上常 用的两种格式gif和jpg该如何选择阐述下本人的看法. 何时选择gif格式?何时选择jpg格式? 对于gif和jpg格式的选择,没有固定的限制,但要把握好一点.图片色彩单一.由色块或文字组成,较少渐变色的尽量采用gi

网页设计中优化图片的6大技巧

  例如,在网页设计中更常使用基于像素或栅格的文件格式,诸如JPG.GIF或PNG.相反,在平面设计领域像logo这样的图形可能会用到不同尺寸,因此使用最多的格式则是EPS和AI这样的矢量格式.然而,用于网页的矢量格式,如SVG或HTML5 Canvas则不能广泛应用,也不会被所有浏览器所支持. 另外,用于web端的图形有基于它们自身的相关处理方式.其中一条便是你要时刻注意文件的大小,因为你需要使你的网页加载越快越好.作为一名网页设计师,你应当尽量减少HTTP对图像的请求次数--无论通过减少图片

网页设计技巧系列之文本排版

技巧|设计|网页|网页设计 太长时间没写文章了,主要是工作太忙.今晚上没睡着起来把这篇文章写了希望对初学者提供点帮助,同时也在此再次感谢曾经帮助过我的人与我所看书籍的作者们. 我们在做网页的时候会发现:自己画的图也不错,自己做的布局也很精致,做的图标也很漂亮,第一眼看起来都觉得很漂亮,但是看看就觉得不舒服,也不清楚为什么-- 这里我告诉你,也许就是你的排版出现问题了.页面排版不合理产生的视觉效果会让读者的眼睛产生的疲劳感,基本的毛病在于"字间距太挤或太宽"."行距太小或太大&