当你需要为网站快速创建一个直观和可用的用户界面的时候,在写代码之前做好设计是基础。一个普遍的方法就是通过线框图(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
在本文中,我们收集了一些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