宁 的个人资料BLUEFISH照片日志列表更多 ![]() | 帮助 |
|
|
BLUEFISH繁花千万过 一叶渡江人 10月30日 我对MM,一见倾心~
女儿,7斤5两,出生日期2008,10.21.9:48 4月21日 爱国行动有点厌了。 前两天看到韩寒的一句话:在通往民主的道路上,最大的阻碍就是人民。深有同感。 4月12日 行走在应聘的路上土豆的面试题这是两个星期前的事情了,当初去土豆一位其中设计师面试的我,并出了两道面试题: 1.要我重新设计一下ITUDOU的界面 2.为将要开通的资讯频道做一个页面 因为当时手中正好有一个网站的项目所以稍微的放了两天。审视思考了这两道题目,因为对土豆咨询栏目设置目的和栏目内容的不明确,所以考虑放弃这道题。作为一个UI设计师在没有参与需求分析的情况下,直接进行设计这个概念是不可取的,因为无法把握可用性和栏目内容的情况下,会导致整个页面的信马由缰。 最后选择了ITUDOU这个项目为切入点,先分析: 土豆网站是经常访问的,他们的UI感觉很到位,颜色和界面的布局是比较合理的,但是打开ITUDOU后,所出来的界面确是比较令人失望,首先颜色灰了,可能因为技术编程的原因有些字体显示不清晰,图标也很暗淡,流行的那种高光画的比较生硬,界面布局混乱。 最后经过思考的成品图,icon已经重新做了一遍,虽然版面整洁了许多,但是感觉思路还是没放开,局限在原有的框架中闭门造车。可用性还是很有问题。感觉土豆的思路把订阅消息和上传结合的更紧密,让用户能得到更多的土豆的资讯,但是使用过程中发现很多操作还是要跳转到外部网页才能完成,而用户打开这个网页的最重要的目的就是上传。没有很好的突出上传功能是这个东西的最大失败了。如果真要结合那就把它做成一个视频的平台,从观看上传到简单的编辑,可能对把这个东西装在本地用户更加有用吧。 这个界面没能更深入的设计下去倒是很遗憾。希望有更多的朋友对界面设计进行交流。 4月11日 关于footers页面设计的创造性与想法这是今天早上看到的一篇来自www.smashingmagazine.com的文章,给出了一些大多数设计师常常所忽略FOOTERS的设计的想法。尝试翻译了前面的一段,应该对设计是有所帮助。 以下是部分翻译:(初级水平失误莫怪) 按照传统的网页设计原则,所有不太重要的信息都放到了页面的底部,大多数用户都觉得是这样的,并且被更多的设计师深信无疑。地址元素在页面的底端很难被访问用户注意到,他们所需要的信息很容易被忘记或者被忽略掉而没有给予适当的关注 这里张贴一些目前有创造性的例子以及FOOTER的想法和设计。我们尝试找到一些流行的趋势和有趣的方法,你或许可以在你的项目上使用并进一步发展它。
1. Imitate proximity to the ground(模仿地平面的设计)Well, that’s quite strange. But we’ve observed this trend too often to dismiss it. Many designers tend to imitate the proximity to the ground. This means that they attempt to complete layouts with illustrations of the ground — in such cases trees, birds, buildings and the horizontal perspective are usual. Funny characters, mascots, illustrations and hand-drawing are also typical for such footers. YoDiv sends little bubbles in race. Volll has a family of octopus and an umbrella on the ground. Vimeo takes a look at little humans from user’s perspective. Kulturbanause.de with a waterfall and water ground. Beautiful and (really) unusual WordPress blog design. The Rissington Podcast has a Rapidweaver has taken care of the smallest details. This sweet language selection fits perfectly to the site design. MB Dragan loves hand-drawing. We too. Simple and beautiful. Miloslav Lešetický is an illustrator which is why one of his illustrations is placed in the footer. Paul Otaneda with a light green theme in the footer. Icons, a tree and three birds inclusive. TNTPixel — oh-oh, you better be careful with this one. Roman Leinwather has some green flowers for us… …and on Web4Biz.ro it seems to be quite cold at this period of time. A little city on StrawPollNow.com. 2. Colors clearly separate content and footer(与页面其他地方颜色不同的FOOTER)Since the main function of the footer is to complete the layout, often it is given a color which has a high contrast to colors dominating in the overall site design. Vivid colors can be observed as often as dark ones. Billy Hughes at War with Billy Hughes doodled in the footer. HEBAtec has a number of different features in the footer. Among them RSS feed and a search box. Freelenz.at knows how to arrange blog postings, comments, RSS feed icon and Flickr thumbnails. And, oh, a beautiful plant too! Viget.com provides navigation in categories and archives. Ungarbage with (probably) too many links. SprintBio plays with variations of green. Blogsolid offers an icon parade in the footer. Bits & Pixels has a quite colorful footer with some icons. The design fits perfectly to the overall site design which is pretty colorful too. Still, often overall layout colors and the footer design are very similar. Example: City of Grace Mesa 3. Illustrations in use(使用插画)Often illustrations are used to give the footer some particular meaning it needs to convey. Possibilities are endless. In most cases designers use vivid images and cartoons. Isn’t he sweet? Apart from that, he is Crazy and Funny. At least that’s what his creators promise. Legendary Aircraft has a toolbox in its footer. Bistro Williams offers juicy fruits at the bottom of its site. Pil.hu with a pen, an envelope and a desk. ?ukasz Tyra?a shows some hand-drawn sketches. So does Bart-Jan Verhoef. We feature Nick La’s Webdesignerwall quite often, but it definitely deserves it. The attention to details is amazing. Us Trendy — all in one place, including RSS-feed-icon, swivels and a butterfly. Isn’t it too much? Dandelionpath with swirls, curves and flowers. Colorful curves at the bottom of AIGA Los Angeles. Hicksdesign with a retro-theme and brief contact details. Codex Transportica — simple and distinctive. Nicolas Le Bas presents a footer in a completely different way. Three info-cards are placed next to each other, at different angles, with same backgrounds. Johanna Hallin clips the footer to the site layout. Catydesign’s cat is sweet… …and Olieng’s Link suggestions in Catalyst Studios sketchbook. The fingerprints at the bottom of the layout on Instant Amber. 4. Footers with advanced functions(赋予FOOTERS刚高级的操作)Apart from visual appeal, footers can be used effectively to convey some important information quickly and shortly. Contact information, address, sitemap, main sections can therefore often be found in the footer. However, also further functionalities, such as RSS-feed, e-mail-subscription and tag clouds can be placed there too. Ten Thousand Things presents contact information, some advertisement and the most popular tags. The Greg Brady Project combines a contact form and the footer. Rahul Joshi has 4 columns: one for Flickr images, one for further pages, one for copyright and one for contact details. Lucy Blackmore has a stick-it-note which leads to the home page of the site. Paul Wallas has placed a tag cloud into his footer. Arrival Design gets right to the point. Here is what they do. And here is how you contact them. Dennis Blöte with contact details and a minimalistic contact form. Media Ambassador offers e-mail newsletters… … and so does Hopkingdesign. Not a good idea as you won’t attract many subscribers. The same holds for the search box. Footer has a lot of place, but it’s not really helpful to place a search box only in the footer. 朋友来做客请他吃快西瓜皮
|
|
|||
|
|