uistudio.cn blog

By Steven Snell
News websites can be intriguing to examine from a design perspective. Regardless of what type of news they cover, they all face the challenge of displaying a huge amount of content on the home page, which creates plenty of layout, usability and navigational challenges for the designer. The lessons that can be learned from examining how news websites address these challenges can be valuable for designers who work with other types of websites, including ones with blog theme designs.
Monetization is also a major factor for news websites, and it’s interesting to see how they integrate advertisements in the design. In some cases, the ads are somewhat intrusive or excessive, but most news websites are able to use ads without turning readers away, in part because of the content that’s available.
For the purposes of this article, the term “newspaper website” refers to any news-related website that has the editorial focus of an online periodical. Many of the websites mentioned here are the online versions of major newspapers, but others are standard news websites and some blur the line between news website and blog.

做為一個網站設計師當然也會有遇到瓶頸的時候，創意與靈感有時也不是說有就有。這裡提供The Best Article Every day所提供的25個網站，也許可以讓你找回設計的一些啟發。這25個網站提供有關:模組、排版、美工、文字、CCS、寫作...等等諸多領域的設計建 議。雖然難免也有些其他好站有所遺漏，不過這25個也可以算是精選了，請參考。Creattica Daily   Design Disease   Komodo Media  Dow...

文章已隐藏，请先登录

The Web is changing along with the weather outside the window, adopting bright autumn-inspired makeovers for seasonal fall sales and special offers. The autumn (or fall) season is primarily associated with:

• harvest (most cultures celebrate one of various harvest festivals this season),
• bright, hot colors (ranging from yellow to red) reflecting autumn leaf colors,
• falling leaves, etc.

Websites are adapting to these associations. Most e-commerce websites are running seasonal promotions stylized with distinctive fall designs:

• Most widely used colors: red and yellow.
• Most widely used decorative elements: yellow and red (falling) leaves.

The main purposes of these seasonal design changes include (though, of course, are not limited to):

• to attract more attention: impressed by a new catchy look, visitors are more likely to spread the word;
• to increase brand awareness by implementing seasonal decorative elements in the company banner or logo;
• to make a special offer stand out in the background of the overall design (and thus increase conversion rates).

IE Tab
浏览器兼容是所有Web开发者都要考虑的问题,IE Tab能够让您再Firefox中以IE的渲染方式来呈现页面,并且可以方便的在两者之间切换。

Style Sheet Chooser II
Style Sheet Chooser II 允许浏览者或开发者迅速的在为同一页面编写的不同样式之间来回的切换,甚至能够保证被选择样式应用到该站点的全部页面上. Style Sheet Chooser II 会覆盖Firefox内置的样式表切换器[style-sheet-switcher].
你可以用多种方式来调用它:
a. 通过"查看"[View]->"页面样式"[Page Style]下面的选项;
b. 通过工具栏[Toolbar]的一键切换;
c. 通过状态栏[Status Bar]的图标按钮;
小提示: 是否在状态栏和工具栏中显示图标,可以在扩展偏好[Extension Preference]中设置

CSSViewer
一款小巧的CSS属性查看器,随着鼠标的移动显示当前所指示元素的CSS样式信息,其中包括了所有从父级元素继承而来,用户自定义以及浏览器自定义的样式信息. 同Style Sheet Chooser II 一样,你也可以通过在工具栏添加该扩展的图标按钮来激活/禁用该扩展。

CSS validator
用W3C的CSS标准来校检页面,在新页面中显示校检结果,不过只对包含了CSS样式文件的页面起作用,例如http://www.w3.org/
其快捷按钮既可添加在右键菜单中也可添在工具栏上

ColorZilla 2.0
ColorZilla的主要功能有:
将浏览器页面内的任何一点转换为16进制的颜色字符串,方便您快速的将其粘贴到其他的CSS样式中;
通过缩放页面来测量其上任何两点之间的距离;
从内置的调色板中选择预置的颜色,并把最常使用的颜色添加到自定义的调色板中;

FireShot 0.59
FireShot能够方便的创建页面的截图[略缩图],相比于其他的扩展,FireShot提供了一系列的编辑和注释工具,方便你快速的修改所捕获图像或者添加文本,图像注释. 这些功能对于网页设计者,测试者,和浏览者都很有用, 此外用户还可以自己定制所要捕获的范围,是页面全部还是屏幕的可见部分

LinkChecker 0.6.3
LinkChecker用于检查页面上超级连接的有效性,验证其是否已经损坏

Font Finder 0.5c
选择一段文本或一个元素,单击右键并在菜单中选择"Font Finder",就能看到所选取对象的字体信息

LiveHTTPHeaders
这个项目的目的是通过以下两种途径实时显示页面的HTTP请求信息:
a. 在"查看页面信息"[View Page Info]中添加"头部信息"[Hearders]选项卡;
b. 添加"工具"->"Web设计"[Tools->Web Development]菜单项;
此外用户还能利用它修改HTTP Headers并发起新请求!

SearchStatus 1.26
再你的浏览器中显示Google的PageRank,Alexa排名,竞争力排名,高速关键字密度分析器,关键字高亮显示,后退/相关链接,Alexa的信息和其他的[SEO]搜索引擎优化工具.

FireFTP
FireFTP,一款免费,高效,跨平台的FTP客户端,让你快速直观的访问FTP Server

MeasureIt 0.3.8
通过可以绘制在页面任何地方的刻度尺来显示以像素(px)计算的宽度,高度,元素缩进量

Html Validator 0.8.5.2
HTML Validator,一款为Mozilla和Firefox添加HTML验证的扩展,能够在状态栏的图标上标注当前页面的HTML语法错误数量,不仅会校检服务器发送来的HTML文件,也会校检内存中的HTML代码(通常为执行Ajax请求后的返回值)。

1. Twitter
http://twitter.com/



Freeman:Twitter是一个可让你播报短消息给你的朋友或“followers（跟随者）”的一个在线服务，它也同样可允许你指定哪个你想跟随的Twitter用户，这样你可以在一个页面上就能读取他们发布的信息。

Twitter的改版并不是很激进，与原版页面出入不大。主要变化在于两方面：一是简化界面，二是减少网页所加载资源。最显著的变化是标签上的变化，新版页面把顶部的标签转移到右部。这有利于用户访问，更重要的是，这是出于投资需要。将来，Twitter准备添加更多标签，而顶部空间已经明显不足。

看到一位华人设计师对平面设计师工作的定义，我改了改，觉得比较适合于网站的视觉设计师定义：
设计就是解决问题，视觉设计师就是在为其客户的问题提供解决方案。当然针对问题而言，可能有无限个解决方案，但是以一种优雅的方式去创造价值，积极地影响整个世界确是视觉设计师才能的体现。
我很喜欢这个词“优雅”，很能体现视觉设计师的使命。