优艾设计网

photoshop设计时尚网站模板

  

photoshop设计时尚网站模板

  可选背景/颜色二

  这里我又换了一张iStockPhoto站点的叫做“Blue Energy”的抽象图片做背景。因为颜色变了,所以通览一遍,将一些地方的颜色做了修改——特别是文字地方——再在主图层上添加一个亮光。

  

photoshop设计时尚网站模板

  为什么奏效

  现在你可能也不会想这个详细设计了——既然我已经写了完整教程。现在谈一谈为什么有这个效果,这样可以帮助你用这些原则来创建你的专属页面

  这里是本次设计的几条原则:

  首先,我挑选了几张很炫的背景图片。用几张iStock的图片和一张GoMedia图片可以做出来很好看图片。虽然很好看,但是不会喧宾夺主。他们也很容易淡出。一般容易淡化的图片更容易处理。

  好图片一定要搭配简洁的字体排版。因为图片已经很可爱了,就没有必要过分强调字体。一定要是清爽明了,井井有条。

  作品另一个因素就是有足够空间。在复杂背景下,很容易看东西就一团糟,所以元素之间,方框以内等地方要保持足够的空间。空间宽裕也是让设计看起来更为高档的好方法。没人喜欢乱七八糟的下等设计。

  诚然还有很多其他方面的东西可以谈,像颜色、优先级等,但是我认为这里需要关注的主要设计元素还是字体和背景的搭配。最后总结一下,这里一幅小图就说明一切了:-)

  

photoshop设计时尚网站模板

  现在看HTML/CSS

  photoshop部分的工作已经完工了,现在要看看HTML/CSS!接下来来到NETTUTS,我们把设计应用到正在使用的网站上。

  

photoshop设计时尚网站模板

  英文原文:Create a Sleek, High-End Web Design from Scratch
0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜