杰拉斯的博客

标签:设计

2013年10大网页设计趋势

杰拉斯 杰拉斯 | 时间:2013-01-01, Tue | 18,049 views
前端开发, 前沿信息 

TNW发布了2013年10大网页设计趋势:

  1. 响应式布局盛行,即一个网站适配多种屏幕;
  2. 重视字体的选择,使用Web字体;
  3. 更少的使用Flash,使用其他任何可能替代的技术;
  4. 苹果iOS的拟物化设计将不再时髦;
  5. 使用巨大的背景图构造大气的视觉效果;
  6. 产品和个人介绍页面留出更多空白;
  7. 更多的社交网络分享入口;
  8. 浅色、冷色调重新成为主流;
  9. 移动App将取代一部分移动网页流量;
  10. 内容依旧为王;

好了,该到我们年终展望新年的时刻了。2012年我们看到一些新的设计趋势在Web设计领域,特别是响应式页面设计。那么跟随我们的脚步,来预测一下2013年的设计趋势吧!

(阅读全文…)

Win7 按钮设计规范

杰拉斯 杰拉斯 | 时间:2012-10-14, Sun | 7,955 views
前端开发 

命令按钮(Command Button)用于开始一个即时操作。

win7 按钮设计规范。

典型的命令按钮。 当用户按下 Enter 键时会执行“默认命令按钮”。它是由开发人员指定的,但对于任何一个按钮,只要用户将焦点切换到其上,它都会变成默认按钮。
它用在这里合适么?

考虑下列问题以进行判断:

该命令按钮是用来开始一个即时操作的吗?如果不是,则改用其他控件。

链接会不会更合适?如果符合下列情况,则应当使用链接:

该操作是导航至另外的页面、窗口或帮助主题。

例外:向导中使用“后退”与“下一步”按钮进行导航。

按钮被嵌入在文本中间。

该命令实际上是次要的。也就是说,它与该窗口的主要目的没有关系。在这种情况下,轻量级的命令按钮或链接则更为合适。

该命令属于相关链接菜单或组。

标签太长,包含五个或五个以上的单词,这会导致命令按钮看上去显得笨拙。

使用选项按钮与常规命令按钮的组合是不是更合适?当下列条件符合时,往往会用选项按钮与常规命令按钮(确定、取消)的组合来代替一组独立的命令按钮:

存在五个或更多可能的操作。

用户需要在决定前查看附加信息。

用户需要在决定前与选项进行交互(也许是要查看附加信息)。

用户将其视为选项,而非不同的命令。

(阅读全文…)

博客大规模改版小记

杰拉斯 杰拉斯 | 时间:2012-08-03, Fri | 30,297 views
心路历程, 前端开发 

2012年7月29日中午,在SAE中看到博客应用性能等级为“D”,作为完美主义者兼强迫症的我受到极大刺激,自诩前端开发发烧友的我,个人博客使用的竟然还是别人设计的主题,虽然曾稍作优化,但仍是觉得代码臃肿却平凡单调,再想想我至今甚至未有多少自己较为满意的前端作品(详见我的作品整理),于是立马开始了新主题的设计。

(阅读全文…)

[转]10个精致的导航菜单欣赏及点评

杰拉斯 杰拉斯 | 时间:2012-07-19, Thu | 8,087 views
前端开发 

这些导航菜单来自于Dribbble网站,出自于世界各地的优秀设计师之手,涵盖了各种不同的风格,个个都非常精美。这里我将这些导航菜单展示出来,依据自己的想法总结它们的可取之处,演示其中一些用得上的技术方法。这样比起简单粗略的看过就忘,更能在网页设计上让我们获取很多的灵感,提高我们的设计水平。

一、木质页面上的抽屉创意

木质页面上的抽屉创意

不看这个案例话,你能想到将木质页面上的导航菜单做成类似这样抽屉式的样式吗?我自己反正是没想到,这就是值得学习的创意。我们不要一做导航菜单就想也不想的画一个直角或者圆角的矩形背景,将文字放在上面,用竖线隔开文字。这就落入了程式化的束缚之中了。

(阅读全文…)

[转]强质感高光风格网页欣赏及其表现手法总结

杰拉斯 杰拉斯 | 时间:2012-07-19, Thu | 18,829 views
前端开发 

经常能见到这一类的风格的网页设计作品,它们有如下共同的特点。背景通常是纯色的柔和渐变,不添加任何的材质,色块的边缘部分通常会添加1像素的高光;在页面元素的边缘部分有着强烈的1像素高光;元素表面有如玻璃般的明显反光;底部和背景接触的部分经常会设计出倒影。这种风格的设计经常会出现在商业和企业的网页设计中,会给人留下干净清爽的印象。

强质感高光风格网页

(阅读全文…)