阅读更多

6顶
0踩

Web前端

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

2011-12-31 15:35 by 副主编 wangguo 评论(3) 有13304人浏览
当你需要为网站快速创建一个直观和可用的用户界面的时候,在写代码之前做好设计是基础。一个普遍的方法就是通过线框图(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是这样设计出来滴

发表评论

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

相关推荐

  • iOS封装textFiled,支持正则和输入限制

    封装textFiled工具,支持拓展,正则,输入字数限制,可以自己再封装下

  • UI02-textfiled.按钮 uibutton

    1.今日任务,文本输入框,textfiled. 2按钮 uibutton, 3.代理在UI中的使用。 4.应用程序的启动流程 1.textfiled 就是文本输入框, 第一类,是文本控制, (1)borderStyle 文本框类型UItextBoardStyle ...

  • Flutter中,有几种方式实现使一个TextFiled在无文本输入时,右侧的清空按钮隐藏,有文本输入时,右侧的清空按钮显示。...

    可以在TextField的"onChanged"回调中监听文本输入变化,根据文本长度是否大于0来判断是否显示清空按钮。可以使用"IconButton"组件来实现清空按钮。 示例代码如下: TextField(onChanged: (text) { setState(() { _...

  • TextFiled.m

    TextFiled.m

  • 使用UIToolBar给textFiled的inputView添加按钮

    首先,textField的inputView属性可以指定其他视图代替keyBoard弹出。 // 创建工具条 UIToolbar *toolBar = [[UIToolbar alloc] init];...self.textFiled.inputAccessoryView = toolBar;

  • flutter 自定义TextField,自带删除

    很简单,没什么好说的,直接上效果图: 自定义类: import 'package:flutter/material.dart';...import 'package:flutter/services.dart';...///自带删除的ITextField typedef void ITextFie...

  • IOS TextFiled与TextView 键盘的收起以及处理键盘遮挡

    主要介绍了IOS TextFiled与TextView 键盘的收起以及处理键盘遮挡的相关资料,需要的朋友可以参考下

  • iOS中使用正则表达式NSRegularExpression 来验证textfiled输入的内容

    一个正则表达式(regexp)是由元字符和文字数字的文本字符,或者“文字的”(abc,123,及其他)混合组合而成的文本模式。 该类型用于匹配文本字符——并附有匹配的结果,是成功还是失败。 Regexps 主要用于规则文本...

  • iOS textFiled限制输入长度

    iOS textFiled限制输入长度

  • TextFiled

    //设置背景图片,前提feild样式是圆角矩形时不可用 field.background = [UIImage imageNamed:@""]; //设置一个当field不是第一编辑状态时显示的背景图片 field.disabledBackground = [UIImage imageNamed:@""]; ...

  • java jtextfield 不显示_Java swing JTextField 英文或数字不能正常显示 不完全显示

    Java swing JTextField 英文或数字不能正常显示 不完全显示。:姓名输入的abc却不能完整显示,切换成中文输入法后输入中文可以正常显示,再切换到英文输入法输入也能正常显示,怎么回事,望大神指点。代码如下:...

  • textfiled怎么显示java中_为什么Android在iOS上不能在TextField中显示正确格式的文本?...

    谁能告诉我代码有什么问题吗? Android输出 iOS输出 0 投票 将此添加到软件包的pubspec.yaml文件中: 依赖关系:flutter_masked_text:^ 0.8.0 创建蒙版控制器 将控制器设置为您的文本字段: class MyPage extends ...

  • java文本域不可编辑_怎样让JAVA里TextField 文本框 不可编辑且变灰

    //文本框设置为不可编辑 效果图 完整的代码import java.awt.*; import java.awt.event.*; public class FrameDemo extends Frame { FrameDemo() { TextField tf = new TextField(16); //初始化文本框 ...

  • Flutter中的TextFiled不可以直接在Row中使用的问题

    1.直接在Row中使用TextField会报错 flutter: ══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY ╞═══...2.解决的办法是使用Expanded来包装TextFiled new Row(children: [new Expanded(child: TextField())],)

  • TextFiled修改placeholder的颜色和字体大小

    UITextField *textField = [[UITextField alloc]initWithFrame:CGRectMake(0, 0, 200, 200)]; NSString *holderText = @"-------------"; NSMutableAttributedString *placeholder = [[NSMutableAttributedString al

  • TextFiled 修改clearButton 图片按钮, 非rightView

    UIButton *clearButton = [_textField valueForKey:@"_clearButton"]; if (clearButton && [clearButton isKindOfClass:[UIButton class]]) { if ([DKNightVersionManager currentThemeVersion] == DKT

  • Flutter TextFiled去掉下划线

    Flutter系统自带的TextFiled都带有下划线,有时候我们并不需要 此时我们只需要在decoration中加入一下代码: Container( alignment: Alignment.topLeft, child: TextField( maxLines: 10, onChanged: _...

  • 基于ssm的网络教学平台(有报告)。Javaee项目,ssm项目。

    重点:所有项目均附赠详尽的SQL文件,这一细节的处理,让我们的项目相比其他博主的作品,严谨性提升了不止一个量级!更重要的是,所有项目源码均经过我亲自的严格测试与验证,确保能够无障碍地正常运行。 1.项目适用场景:本项目特别适用于计算机领域的毕业设计课题、课程作业等场合。对于计算机科学与技术等相关专业的学生而言,这些项目无疑是一个绝佳的选择,既能满足学术要求,又能锻炼实际操作能力。 2.超值福利:所有定价为9.9元的项目,均包含完整的SQL文件。如需远程部署可随时联系我,我将竭诚为您提供满意的服务。在此,也想对一直以来支持我的朋友们表示由衷的感谢,你们的支持是我不断前行的动力! 3.求关注:如果觉得我的项目对你有帮助,请别忘了点个关注哦!你的支持对我意义重大,也是我持续分享优质资源的动力源泉。再次感谢大家的支持与厚爱! 4.资源详情:https://blog.csdn.net/2301_78888169/article/details/144929660 更多关于项目的详细信息与精彩内容,请访问我的CSDN博客!

  • 2024年AI代码平台及产品发展简报-V11.pdf

    2024年AI代码平台及产品发展简报-V11

  • 蓝桥杯JAVA代码.zip

    蓝桥杯算法学习冲刺(主要以题目为主)

Global site tag (gtag.js) - Google Analytics