TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

My (hastily written) Tips About Designing for the Web

58 点作者 perezd超过 14 年前

7 条评论

fookyong超过 14 年前
Thank you for introducing me to <a href="http://bjango.com/articles/" rel="nofollow">http://bjango.com/articles/</a><p>So much good stuff there!
评论 #1872183 未加载
评论 #1872640 未加载
kevinelliott超过 14 年前
I've seen Derek's design abilities grow over the last couple of years, and I think his post seems to sum up many of the steps he took to improve.
zray超过 14 年前
A few hastily written tips of my own:<p>- Respect the fold. Users do scroll more but they spend far more time above the fold than below.(<a href="http://www.useit.com/alertbox/scrolling-attention.html" rel="nofollow">http://www.useit.com/alertbox/scrolling-attention.html</a>)<p>- Use a grid, then break it when you want to get people's attention.<p>- Don't be afraid of repetition, multiple CTAs on a page make it easier for users to take the next step.<p>- Typography is more than fonts, use scale and weight for contrast and heirachy (<a href="http://www.papress.com/thinkingwithtype/text/hierarchy.htm" rel="nofollow">http://www.papress.com/thinkingwithtype/text/hierarchy.htm</a>)<p>- Make the first click as easy as possible. The user should be able to see what's important on the page at a glance, and the required action should not be obstructed by unnecessary choices.<p>- Use Fireworks. It's got great workflow, asset management, vector tools and prototyping features. It plays nicely with Photoshop, Illustrator and Flash but is cheaper than any of them. (<a href="http://www.webdesignerdepot.com/2010/08/7-reasons-why-i-choose-fireworks-over-photoshop/" rel="nofollow">http://www.webdesignerdepot.com/2010/08/7-reasons-why-i-choo...</a>)
jamesteow超过 14 年前
I like to get inspiration from magazines, books, art, music, and photography. Basically trying to get any creative inspiration away from the computer.<p>Jessica Hische sums it quite appropriately in her latest blog post: <a href="http://jessicahische.com/spendstoomuchtimeinternetting/?p=756" rel="nofollow">http://jessicahische.com/spendstoomuchtimeinternetting/?p=75...</a>
stoney超过 14 年前
Thanks for tip 4 - I had completely underestimated the power of Compass. I started using it recently mainly because I wanted to use Blueprint and SASS. I missed all of the cool mixins that Compass adds.<p>If anyone from the Compass project is reading - improve your documentation!
KevinMS超过 14 年前
What I'd really like to see is tips to make a webpage look "professional". I suspect you can take a great looking website, screw the colors up, mess around with the fonts, and even not design with a grid, and it will still look "professional". Am I not right about this?
评论 #1871504 未加载
perezd超过 14 年前
Share your tips too, here in the comments, or on the article itself.