阅读更多

6顶
0踩

Web前端

翻译新闻 10 套PSD格式的Web线框UI集合

2011-12-31 15:35 by 副主编 wangguo 评论(3) 有13248人浏览
当你需要为网站快速创建一个直观和可用的用户界面的时候,在写代码之前做好设计是基础。一个普遍的方法就是通过线框图(Wireframe)来展现你的设计。线框图是一种使用线条为基本元素的绘画,与蓝图相对,线框图表现基本的导航和功能块,比如内容、功能等。换句话说,线框图是一个网页布局的轮廓,是进行有效地网站设计和开发工作的基础。

在本文中,我们收集了一些PSD格式的线框图,希望能够对你有所帮助,或为你的设计带来一些灵感。

1.  Web Wireframe Kit

该套件以简单的方式来规划页面布局,对Web设计师来说,这是一个非常有价值的、省时的工具。



2.  Soft UI Kit:免费的Web原型设计PSD图集

Soft UI Kit是一个免费的PSD图集,其中包括了最常用的Web元素,这对Web原型设计师非常实用。该文件是完全分层的,可以很容易进行定制,以满足你的项目需求。这个文件由Adrian Pelletier提供,他拥有Design Kindle网站,在这个网站中,你可以找到很多免费的Web设计资源。



3.  Web线框图集最终版

该集合包含了60多个最流行的Web设计元素。每个元素都是分层的,这意味着该套件是100%可扩展的,非常容易进行编辑。



4.  免费Web线框图集合

有时候,你并不需要建立互动线框,或可能感觉Visio或OmniGraffle用着不顺手,我想此时应该是你打开Photoshop并开始工作的时候了。



5.  平滑的用户界面(100%矢量图形)

100%可无损缩放的矢量图形,你可以轻松调整大小。你可以用它们来创建现代、独特风格的网站。



6.  Web UI包

这是一套综合的Web UI元素,旨在帮助设计人员节省创建Web原型的时间、成本和难度。借助这些元素,你可以极大地提高Web设计的效率。



7.  简单、白色的UI元素

该PSD集合可帮助你以一致的、清晰地风格来轻松定制Web设计/应用/界面元素。



8.  专业UI线框元素

这些UI线框元素主要用于专业线框图的创建,可以使后期的Web开发工作更加顺利。



9.  UI包

这是一个完整的UI工具包,包括星级评定、单选按钮、文本框、工具提示等。这些都是矢量图形,如果需要的话,你可以缩放到任何尺寸。



10.  多合一Web元素包

这是一个完整的Web元素包,你可能会发现这对你即将开展的项目非常有帮助。该集合共包含17种模块,每种模块有不同的变化版本。这些元素都在同一个PSD文件中,且是分层的,设计人员可以根据项目需要轻松定制。



英文原文:10 PSD Web Wireframe UI Kits
  • 大小: 14.4 KB
  • 大小: 14.4 KB
  • 大小: 17.8 KB
  • 大小: 17.6 KB
  • 大小: 24.6 KB
  • 大小: 28.6 KB
  • 大小: 36.3 KB
  • 大小: 21.3 KB
  • 大小: 23.1 KB
  • 大小: 31.3 KB
6
0
评论 共 3 条 请登录后发表评论
3 楼 atian25 2012-01-04 10:09
素材还不错。
不过一般画原型图还是喜欢用AxureRP和Balsamiq Mockups
2 楼 zhy4013 2012-01-02 13:37
不错,收藏下。
1 楼 damoqiongqiu 2012-01-01 17:52
不错不错,原来UI是这样设计出来滴

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Global site tag (gtag.js) - Google Analytics