设计 订阅
设计是把一种设想通过合理的规划、周密的计划、通过各种方式表达出来的过程。人类通过劳动改造世界,创造文明,创造物质财富和精神财富,而最基础、最主要的创造活动是造物。设计便是造物活动进行预先的计划,可以把任何造物活动的计划技术和计划过程理解为设计。 展开全文
设计是把一种设想通过合理的规划、周密的计划、通过各种方式表达出来的过程。人类通过劳动改造世界,创造文明,创造物质财富和精神财富,而最基础、最主要的创造活动是造物。设计便是造物活动进行预先的计划,可以把任何造物活动的计划技术和计划过程理解为设计。
信息
特    点
需要多种知识,需要不断改进
分    类
平面设计、装修设计、服装设计等
中文名
设计
外文名
Design
设计基本含义
设计,指设计师有目标有计划的进行技术性的创作与创意活动。设计的任务不只是为生活和商业服务,同时也伴有艺术性的创作。根据工业设计师Victor Papanek 的定义,设计(Design)是为构建有意义的秩序而付出的有意识的直觉上的努力。更详细的定义如下:第一步:理解用户的期望、需要、动机,并理解业务、技术和行业上的需求和限制。第二步:将这些所知道的东西转化为对产品的规划(或者产品本身),使得产品的形式、内容和行为变得有用、能用,令人向往,并且在经济和技术上可行。(这是设计的意义和基本要求所在)这个定义可以适用于设计的所有领域,尽管不同领域的关注点从形式、内容到行为上均有所不同。 随着现代科技的发展、知识社会的到来、创新形态的嬗变,设计也正由专业设计师的工作向更广泛的用户参与演变,以用户为中心的、用户参与的创新设计日益受到关注,用户参与的创新2.0模式正在逐步显现。用户需求、用户参与、以用户为中心被认为是新条件下设计创新的重要特征,用户成为创新2.0的关键词,用户体验也被认为是知识社会环境下创新2.0模式的核心。设计不再是专业设计师的专利,以用户参与、以用户为中心也成为了设计的关键词,Fab Lab、Living Lab等的创新设计模式的探索正在成为设计的创新2.0模式。最简单的关于设计的定义、就是一种“有目的的创作行为”。然而设计也是一种职业。例如在电影业中有场景设计一职,在印刷业中,有包装设计一职。与英文使用不同的是、英文的Designer一词、在中文使用时、设计与设计师两个词都能共同称呼。而由“设计”这个词,沿伸出来有相当多的理论和议题,以“设计”为职业的社会环境通常就叫做“设计界”。设计界因在欧美国家理论发展历史悠久,故设计史和相关理论,常以欧美的工业设计,建筑设计为两大主流。由于设计行为一般都解释为有明确目标的,因此在近代将与设计意涵相反的创作,称为乱数、随机等等。在西方,大型的设计系统,往往以Architecture建筑来称呼。这边指的建筑并非具体的建筑学、而是一种抽象的形容。设计在当代中国已成为一种新兴发展职业。
收起全文
精华内容
参与话题
问答
  • 设计UI的基本思路

    千次阅读 2017-10-23 15:55:56
    我们在设计UI时,通常是有一些步骤与原则,下面列出了一些常用的,可能也不是很准确,希望抛砖引玉,让大家对UI设计有一个思路,这里一定要有一个意识,在拿到一个UI设计图的时候,不要马上就想到要怎么怎么实现,...

    我们在设计UI时,通常是有一些步骤与原则,下面列出了一些常用的,可能也不是很准确,希望抛砖引玉,让大家对UI设计有一个思路,这里一定要有一个意识,在拿到一个UI设计图的时候,不要马上就想到要怎么怎么实现,而是需要细心分析与设计。

    1,明确划分与UI相关和与UI无关的部分

    根据UI的设计图,我们首先要把界面展现的数据先抽出去,只看UI的表现。也就是说,把UI相关的部分抽出来。比如一个界面可能需要分几部分组成,每一部分大概怎么设计等。

    2,划分屏幕大小,明确出跳转关系

    要考虑到你的APP所对应的屏幕大小及DPI,不同的屏幕与DPI,你有可能会存在不同的UI布局,最典型的是在3.0以上的SDK版本,可能引入了Fragement元素,手机屏幕与平板的屏幕的UI设计,完全是两种不同的风格。

    还有,尽可能地明确出跳转关系,这可以用一些小卡片的形式来标记,一个卡版表示一个画面,把不同画面之间的迁移关系明确出来。

    同时,还要把这些画面之前的相同点与不同点找出来,因为这会影响到是否决定提取共通画面。

    3,列出需要用到的UI元素(Widget)

    把界面上展现的UI元素列出来,像常用的button, imagebutton这些很简单,一看就知道,关键是有些UI,可能会涉及到一些自定义的View,这里一定要多考虑。

    另外,有可能为了统一控制,比如也有可能扩展一个Button,派生类里面可能只是改变一个字体大小等,这种做法通常是用于多数UI的字体大小相同,可以抽象出来个共通的Button,这样在各个UI里面,就可以不用都来设置这个字体大小。

    还有,也可以抽出共通的style,比如textview的style,文本颜色,字体大小,是否加粗等。

    4,列出哪些UI元素可以用SDK的,哪些则是需要自定义

    据我的经验,通常一个项目里面都会有自定义的组件(View),多数是组合控件——把不同的Widget组合成一个Layout。这还要需要根据项目自身的需求来定。

    注意:这里一定要有一个良好的设计,以应地需求变更。比如第一版需求,可能不需要一些组合View,直接使用SDK自身的Widget就能完成,但经过一些变动之后,发展之前的UI设计不合时宜,可能需要提供自定义的View,那么原来用到SDK自身的Widget的地方可能需要改动。这种改动说大也大,说小也小,在设计的时候,要多考虑一下这种需求变更。

    5,完成UI界面的绘制

    这一步,其实不一定会用到,通常情况下,不会涉及到自绘制,因为自绘制比较麻烦,而且费时间,但是在特殊情况下,自绘制能提高效率,因为你用View布局,会涉及到layout, measure, touch event, dispatch draw等方面,这些会影响性能。

    6,进行内部逻辑和UI界面的整合

    通常一个View里面,都会有一些逻辑,特别是自定义的View,可能会封装一些特定的属性。

    在使用这些View的时候,UI的activity会与这些View有一个逻辑的整合。


    以上是我的一些想法,欢迎大家指正。

    关于Android应用程序的框架设计,请参考 《Android 程序框架设计》http://blog.csdn.net/leehong2005/article/details/8535306

    CSDN的博客怎么插入超链接,谁知道?

    展开全文
  • PyQt5 图形界面-用Qt Designer来设计UI界面,并转化为python代码运行实例演示。 Qt Designer 是 Qt Creater 程序里的一个功能。 PyQt5是把 Qt Designer 设计的界面转化为python代码的库。 首先打开我们的Qt Creater...

    Qt DesignerQt Creater 程序里的一个功能。
    PyQt5 是把 Qt Designer 设计的界面转化为 python 代码的库。

    请看这篇文章:
    Qt Creater、PyQt5工具库的安装

    下面来讲 Qt Designer 的使用。

    创建UI界面

    首先打开我们的 Qt Creater
    在这里插入图片描述
    点击左上角文件的“新建文件或项目”,然后我们选择 Qt Designer Form
    在这里插入图片描述
    选一个默认布局
    在这里插入图片描述
    选择存储路径和存储名称
    在这里插入图片描述
    我们设计一个这样的页面,然后保存就好了。
    注: 编辑时不想要的组件直接拖到左边的组件区就删除了。
    在这里插入图片描述

    转化为 python 代码

    我们设计的 UI 图保存后是一个.ui结尾的文件。
    我们装好了 PyQt5 后直接在 cmdpyuic5 命令就可以,前提是要 cd 进文件所在的文件夹下哦!
    注: ui.py 是我们编译完后 py 文件的名字哦!
    在这里插入图片描述
    ui.py 就是它生成的呢!
    在这里插入图片描述

    运行编译后的 python 代码

    第一步:
    编译后的 python 代码只是一个类,我们想要运行它还要改点东西;
    开头这样设置很方便呢!

    import sys
    from PyQt5 import QtCore, QtGui, QtWidgets
    from PyQt5.QtCore import *
    from PyQt5.QtWidgets import *
    from PyQt5.QtGui import *
    

    第二步:
    我们在 setupUi(self, Dialog) 的函数里的最后加上 Dialog.show()
    这个 Dialog 是函数头的 self 后的参数哦!

    class Ui_Dialog(object):
        def setupUi(self, Dialog):
        	#省略代码
        	Dialog.show()
    

    第三步:
    最后我们加上一段运行的代码就好了。

    if __name__ == "__main__":  
    	app = QApplication(sys.argv) 
    	form = QWidget()
    	w = Ui_Dialog()
    	w.setupUi(form)
    	form.show()
    	sys.exit(app.exec_())
    

    铛铛铛铛,跟我设计的 UI 图一模一样呢!
    在这里插入图片描述
    喜欢的点个赞❤哦!

    展开全文
  • IOS设计UI工具大全

    万次阅读 2012-05-27 16:12:19
    苹果App Store 的应用总下载量近日刚突破 250 亿,并继续上升中。毫无疑问,iOS 开发一直是热门话题,这是一个制造了数亿美元的产业。一个成功的应用,需要良好的规划。在理解应用开发流程中,绘制线框图是规划阶段...

    苹果App Store 的应用总下载量近日刚突破 250 亿,并继续上升中。毫无疑问,iOS 开发一直是热门话题,这是一个制造了数亿美元的产业。一个成功的应用,需要良好的规划。在理解应用开发流程中,绘制线框图是规划阶段重要一环,也用于确定 可用性可能存有的问题及技术潜在问题。素描和原型,能让你更好的理解要你的应用程序。如果不是自己的项目,是给客户做的,那也方便和客户解释沟通。

    如果你是一位设计师或开发人员/程序员,准备步入iOS开发,那这里收集了你需要的工具。本文并不涵盖iOS教程,只偏重线框图工具和视图资源。

    1. Sketch Pad 素描垫

    就我个人而言,我更喜欢用纸笔来画图。可以很快添加、修改和擦除。如果你也偏爱手绘,那下面这个素描垫合集对你很有用了。

    (1)iPhone Wireframe Templates for Sketching

    点击浏览下一页

    Interactive Logic 出的素描垫。有两种布局,各自又有两个格式:PDF 和 Viso (VSD) 。

    (2)iPhone Idea Sheet

    点击浏览下一页

    (3)iPhone Application Sketch Template

    点击浏览下一页

    带网格的 iPhone 素描垫

    (4)iPad Idea Sheet

    点击浏览下一页

    iPad 素描板

    (5)iPad Application Sketch Template

    点击浏览下一页

    带网格的 iPad 素描垫

    (6)High Level iPad App Wireframing

    点击浏览下一页

    一个高级iPad应用线框图,还有可以详解iPad的屏幕信息的表单

     

    2. UI 模版

    UI 模版是快速做原型和画线框图的最佳工具。

    (1)iPhone GUI PSD (iPhone 4S)

    点击浏览下一页

    iOS 5 Photoshop 模板

    (2)OmniGraffle iPhone Stencil

    点击浏览下一页

    (3)iPad GUI PSD v2

    点击浏览下一页

    (4)iPad Vector GUI Elements

    点击浏览下一页

    (5)OmniGraffle iPad Stencil

    点击浏览下一页

    (6)iPad Sketch Elements

    点击浏览下一页

     

    3. 工具条图标

    在 iOS 中,图形、符号和简单的图标是很受欢迎的。如今事实上很多网页设计师开始把它们包含到设计中去。使用合适的图标,最准备描绘动作的意思,以免误导用户。下面有大量可选择的图标,确信你在其中可以找到适合你应用的图标。

    (1)iPhone icons

    点击浏览下一页

    (2)200+ Exclusive Free Icons: "Reflection"

    点击浏览下一页

    (3)260 free vectors icons

    点击浏览下一页

    (4)Tabs – Interface Icons for iOS & Designers

    点击浏览下一页

    (5)20 Minimal ecommerce icons (vector PSD)

    点击浏览下一页

    (6)Token Icons

    点击浏览下一页

    (7)Meta Icons

    点击浏览下一页

    (8)Free Wireframe Toolbar Icons for GUI designers

    点击浏览下一页

    (9)Glyphish icons

    点击浏览下一页

    (10)Pixicus Icon Set: 106 Pixel Perfect Icons

    点击浏览下一页

    (11)Glyphicons

    点击浏览下一页

    (12)gcons – Open Source Vector Icons

    点击浏览下一页

    (13)Gentleface

    点击浏览下一页

    (14)NounProject Icons

    点击浏览下一页

     

    4. 手势图标

    在线框图、演示稿和文档中,手势图标几位有用。在多点触摸系统中有个问题,我们总是试图去猜测何种触摸动作适用于应用程序,故而有个解决方案就是有一个合适的文档,文档上正确的符合或图标,用于指示何种多点触摸手势可用。下面这个列表中包括了不同风格的手势图标。

    (1)Touchscreen Gesture Icons

    点击浏览下一页

    (2)Touchscreen Stencils

    点击浏览下一页

    (3)Gesturecons

    点击浏览下一页

    (4)Touch Gesture Reference

    点击浏览下一页

    (5)Redesigned Gesture Icons

    点击浏览下一页

    (6)Open Source Gestures

    点击浏览下一页

    (7)Gesturcons

    点击浏览下一页

    (8)Multitouch Gesture Icons

    点击浏览下一页

    展开全文
  • c#网页设计 UI —登录注册界面

    千次阅读 2018-02-02 19:22:51
    打包了资源设置了下载积分 突然发现比较自己下载过人家的设置积分 自己真是设置的最低分(/捂脸 )——初出茅庐 多多指教 这几天学过了c#知识点 前段时间做了坦克大战 最近写了个极简易的界面—包括页面跳转 z ...

    打包了资源设置了下载积分 突然发现比较自己下载过人家的设置积分 自己真是设置的最低分(/捂脸 )——初出茅庐 多多指教

    这几天学过了c#知识点 前段时间做了坦克大战  最近写了个极简易的界面—包括页面跳转 z

    整个版面没有好好渲染、’排版       其实学习的进度挺赶  之后有时间再去修改使其美观 再加内容

     


    先看一下登录的界面




    输入账号后点击Button按钮——“点击输入账号密码” 验证输入是否正确




    如果正确 提示点击登录——跳转到登录界面







    如果账号在脚本中未存储 则提示注册






    跳转至注册页面 注册脚本内存在的账号密码(这一点不够完善 需要改进为:新注册的账号密码加入脚本成为可以登录的账号)






    这个是设置的几个按钮


    脚本只加了一个账号


    跳转页面



    还有很多改进之处 欢迎提出意见

    展开全文
  • PyQt5使用Designer设计UI的两种实现方式

    万次阅读 多人点赞 2017-05-21 11:21:58
    请注意:这里只是讲如何使用Ui文件,而不会讲如何设计Ui文件,如何需要学习如何设计Ui的话,请移步到Qt5 GUI编程之类的话题去。一、Qt的方式 使用过Qt,尤其是在visual studio中使用过Qt的应该知道,在编码的过程中...
  • QT设计UI:QT模式对话框打开文件

    千次阅读 2016-05-27 10:53:10
    使用QT模式对话框,并使显示框 为背景色;  方法使用了QCheckBox *native;  #include 初始化函数代码: //设置默认打开图像位置 ... this->ui->lineEdit_ImageRoad->setText("./Image/Tulipa.jpg");//设
  • Android Studio在进行界面设计的时候 UI 界面的 Layout 控件全在左上角   1、点击红色圈中的图标,Infer Constraints即可     2、这是之后的效果图     3、运行   ...
  • 一、UI尺寸基础知识 1、像素密度-PPI 像素密度是指显示屏幕每英寸的长度上排列的像素点数量,PPI(Pixels per inch)越高代表屏幕显示效果越精细,Retina屏比普通屏清晰很多,就是因为它的像素密度翻了一倍。   ...
  • Android Studio在进行界面设计的时候 UI 界面的 Layout 控件全在左上角 1、点击红色圈中的图标,Infer Constraints即可 2、这是之后的效果图 3、运行
  • 软硬件环境OS X EI CapitanPython 3.5.1PyQt 5.5.1PyCharm 5.0.1前言在PyQt5系列教程的第一篇http://blog.csdn.net/djstavaV/article/details/50218157,我们已经搭建好了开发环境,今天,我们就用Python开发第一个...
  • 软硬件环境 windows 10 64bit Miniconda with Python 3.7.1 PyQt5 PyCharm 2018.3 ...制作程序UI界面,一般会有2种方法,利用UI制作工具和纯代码编写,像移动开发中的Android和iOS也都是这样,在PyQt...
  • Android Studio官方文档之使用布局编辑器来设计UI界面 Android Studio中提供了一个高级的布局编辑器,它可以使你直接向布局中拖放现成的组件和提前预览你正在编辑的布局的样式。在这个布局编辑器中,你只需要点击...
  •  左下是当前设计UI所包括的控件,这是一个树状结构,只有一个根节点,一般是个Pane,默认是个AnchorPane。 其实也可以改为其它Pane,具体可以参见控件中的containers。这些BorderPane具有类似swing的BorderLayou
  • 1.安装pyqt5pip install pyqt52.UI文件转py文件格式:pyuic5 -o 路径\文件名.py(自己给需要转的UI文件命名)空格路径\文件名.ui3.转换后的py文件4.在写个启动py文件5.运行效果...
  • 1.用designer设计一个ui.对象名保存为myui,基于QWidget类.(可以在此基础上随便添加一些控件之类。eg:pushButton)。保存窗体为myui,or others.2.为了明白其具体机制,我们可以用uic将此ui文件转换成头文件看看。uic -o...
  • 学习python的过程中,了解到PyQt,加上先前用过OpenCV,自然就有了用PyQt设计UI界面,调用OpenCV函数实现功能的想法。 步骤: 1. Qt designer 快速实现UI界面,并转换成 .py文件。   # -*- coding: utf-8 ...
  • 首先 层级 包含关系 手机设备屏(画布canvas (设计ui)) 举例说明 比如ui设计720*1080. 那么在laya中我们初始化引擎会设置画布canvas为720*1080;但是由于机型各种各样,当设配宽高大于canvas时,微信会自动将...
  • 前端常用的UI插件

    千次阅读 2017-10-06 20:38:31
    前端用到的UI插件
  • UI设计

    千次阅读 热门讨论 2014-09-27 20:37:30
    源于ajlr项目的验收,过程中ui设计被屡次提到。所以就有了这样一个思考,什么是ui设计?对于开发人员来说,ui设计是否很重要?以及如何来进行ui设计?   ui设计?   User Interface,简称UI。从字面上来理解...
  • android 漂亮的UI界面 完整的界面设计

    万次下载 热门讨论 2012-02-17 22:19:40
    声明:这也是我学习时在网上下载的,鉴于分享精神,并且觉得很不错才上传...android 漂亮的UI界面 完整的界面设计 这是一个完整的UI设计,但是没写动作,这是一个公司程序员的公司任务设计,请别商用,要用请修改。。。
  • Android APP 登陆界面开发 UI设计

    千次阅读 2016-01-20 10:06:41
    这个代码实现了图片在圆中的显示,使得登陆界面更具有个性化,具体详见图片: 资源下载地址: http://download.csdn.net/detail/liangzhuangdongtou/9410922 
  • UI : 2020年iOS/Android UI设计规范(1)

    万次阅读 多人点赞 2018-03-27 16:50:43
    1.设计稿与切片稿 a.尺寸 设计稿:iPhone6 750*1334 【2倍】 切图稿:iPhone6 2208*1242【3倍】 Android 1920*1080 设计稿选择750*1334 px的原因: IOS:向上和向下适配的时候界面调整的幅度最小,最方便...

空空如也

1 2 3 4 5 ... 20
收藏数 2,270,433
精华内容 908,173
关键字:

设计