原文:WPF界面设计技巧(9)-使用UI自动化布局 最近一直没时间更新这系列文章,因为我一直在埋头编写我的第一个WPF应用程序:MailMail 今天开始编写附属的加密/解密工具,对UI自动化布局有些心得,就此分享出来. 我们先来看一下实现的效果: 这样的界面是怎么个自动法呢?请看下图: 就是说界面在适度的伸缩时,不会破坏其布局结构及美观性. 这样做有什么好处呢?你可以想象以下情况: 1.需要用户或通过程序控制变更窗体尺寸以适应特殊要求时.UI自动化可以伸缩各元素以适应变化后的窗体. 2. 软件

小程序中一般很少大段落的文字,基本是4.5个字的主题.一行标题.一行摘要.两行描述.显示时超出部分用省略号代替.下面结合工具使用介绍一下文字排版的方法.先看效果图.  工具中属性设置如下图:两行文字属性,限制行数=2,表示最多两行,超出部分用省略号代替. 不限制行数属性中限制行数=0,表示在小程序中根据文字内容自动拉伸. 一行文字属性中限制行数=1,表示文字只显示一行,超出部分省略号代替. 以上文字是显示在view中的,自动生成的wxml如下: <view class="WViewColu

Bootstrap框架是一个前端UI设计的框架,它提供了统一的UI界面,简化了设计界面UI的过程(缺点是定制了界面,调整的余地不是太大).尤其是现在的响应时布局(我的理解是页面根据不同的分辨率,采用不同的页面元素的布局),在Bootstrap中很好的支持了,只要简单设置了属性,就能自动实现响应时布局,大大简化了程序员的界面的过程. 因此,本人用Bootstrap框架实现了如下的界面,虽然简单,但也不凡(真要自己实现的话,不知要猴年马月了) 整个页面分为几个部分,分别用Bootstrap官网上的示

对于每个网页设计师而言,在设计过程中总会碰到需要作出设计决策的时候.也许你的公司并没有全职设计师,而需求上则要求设计出全新的UI:又或者你正在制作一个你自己的个人项目,而你希望它比 Bootstrap 的默认效果要强一些.这个时候很多人会退缩:“我并不是一个艺术家,我没法作出更好的效果!”但是事实证明,想要设计出更优秀的效果,合理地运用技巧其实更重要,而且是可以出效果的. 今天的文章,我们总结了7个简单直观的改善网页视觉效果且能提升高级感的小技巧.很实际,也很实用,希望你们能喜欢. 1.使用色彩

对于每个网页设计师而言,在设计过程中总会碰到需要作出设计决策的时候.也许你的公司并没有全职设计师,而需求上则要求设计出全新的UI:又或者你正在制作一个你自己的个人项目,而你希望它比 Bootstrap 的默认效果要强一些.这个时候很多人会退缩:“我并不是一个艺术家,我没法作出更好的效果!”但是事实证明,想要设计出更优秀的效果,合理地运用技巧其实更重要,而且是可以出效果的. 今天的文章,我们总结了7个简单直观的改善网页视觉效果且能提升高级感的小技巧.很实际,也很实用,希望你们能喜欢. 1.使用色彩

UI学习笔记(7)--扁平化图标 认识扁平化 Flat Design 抛弃传统的渐变.阴影.高光等拟真视觉效果,打造看上去更平的界面.(颜色.形状) 扁平化图标有什么优缺点 优点: 简约不简单.有新鲜感 降低移动设备的硬件需求.延长待机时间 开发简单 缺点: 需要一定学习成本,缺乏直观 传达的感情不丰富,过于冰冷 扁平化的发展 提出:2008,谷歌提出 实现:微软,win8,彻底的扁平化风格 安卓2011年,Android 4.0实现扁平化 苹果2013年,IOS7开始扁平化 风格分类 纯平面

http://www.wex5.com/portfolio-items/js-1/ 全是干货!UI设计的30条黄金准则!   总的来说,好的UI界面有几个特征:简洁.便利.目标明确.人性化.字面上看这几点貌似很简单,但是考虑到我们的营销目标.考虑到内容复杂度,要确确实实达到这个目标却非常困难.下面列出的这些经验,一直以来在WeX5应用开发者社群中反复被验证,简单实用.极具操作性,WeX5开发工具强烈推荐给所有应用开发者及爱好者! 注:内容转化率是指用户浏览页面的时候能被用户吸收的内容比率. 1.

原文地址:http://www.cnblogs.com/grenet/p/3413085.html Bootstrap框架是一个前端UI设计的框架,它提供了统一的UI界面,简化了设计界面UI的过程(缺点是定制了界面,调整的余地不是太大).尤其是现在的响应时布局(我的理解是页面根据不同的分辨率,采用不同的页面元素的布局),在Bootstrap中很好的支持了,只要简单设置了属性,就能自动实现响应时布局,大大简化了程序员的界面的过程. 因此,本人用Bootstrap框架实现了如下的界面,虽然简单,但也

http://www.gameres.com/316761.html 本文编译自 Medium,作者是一位UX(User Experience, 用户体验)设计师,他通过自己学习UI设计的过程,总结出7条实用的法则,为UI设计新手提供了宝贵的经验. 序言首先,明确一点,这篇文章并不是为所有人准备的,而是有特定的目标读者: 想要在开发产品时设计出好看UI的开发者. 想要让自己作品集更出彩的UX设计师,或者是想要做出更精美的UI和UX的设计师. 如果你是学艺术的学生或者已经是 UI 设计师了,你可能

设计中有很多细微的东西要注意,就如UI设计中,元素的统一性,图标风格.段落的排版等等,只有能注意这些细节,你的 APP UI 才算合格. 干货君总结了17个提升用户体验的 UI 设计小技巧,也是我们日常用到的很基本的技巧,对于新手UI设计师建议一看,注意案例中「对」与「错」不是绝对的,仅用于参考作用.  1.图标保持统一性 图标是UI设计里非常重要的模块之一,最重要的一点是要保持风格统一.如果是填充型的图标,那么一套设计里不要出现线性的图标设计.其次就是描边大小的统一,定下了3px就要全套保持即

[项目Github地址] https://github.com/oTPo/hw2 [项目规划] PSP表格 事项 预计时间(min) 实际花费时间(min) 需求分析 60 60 开发流程分析 30 60 新技术学习 300 400 实际工程开发 600 750 工程整体调试和优化 270 350 项目总结 60 120 (合计) 1320 1740 [具体项目规划] >  需求分析 本来打算用MFC的,后面再和组员讨论后决定使用Qt,因为可以跨平台.详细博客地址请见:http://www.cn

UI设计学习总结 平面设计基础 平面构成 三大构成:点线面 重复构成 相同,有规律的重复 近似构成 形状,大小,色彩,肌理相似 渐变构成 色彩逐渐变化 发射构成 通过一点向四周扩散犹如绽放的花朵 密集构成 自由布局,有密有疏 UI理论 UI(User Interface[用户界面] 简称) UI具备视觉设计.交互设计.用户体验三大部分 GUI(Graphical User Interface[图形用户界面设计师]简称) GUI主要做的就是店面设计.色彩部分.文字的颜色.按钮.图标形态的设计 交互

英文:medium 译者:优设网 - 陈子木 链接:http://www.uisdc.com/ui-benefits-of-dark-background# ------------------------------------------------------------------------------------- 又是一篇来自Tubik Studio 的文章,丰富的设计项目经验使得这家资深设计机构对于设计的每一个细节都有着独特而系统的见解.今天的文章聊的就是深色系背景在设计中的运用

UI设计中px.pt.ppi.dpi.dp.sp之间的关系 武汉AAA数字艺术教育 2015-07-24 14:19:50 职业教育 pi px 阅读(3398) 评论(0) 声明:本文由入驻搜狐公众平台的作者撰写,除搜狐官方账号外,观点仅代表作者本人,不代表搜狐立场.举报 做了几个移动端的项目之后,深感UI设计移动端尺寸换算的必要性,在此做个总结. 先介绍下各自的定义: px: pixel,像素,电子屏幕上组成一幅图画或照片的最基本单元 pt: point,点,印刷行业常用单位,等于1/72英

教你如何用PS制作多款按钮UI设计教程 本文教大家制作按钮的方法 LV. ★ 初入设计,学做按钮.只会套个底色,加个阴影,字体纯白,小聪明的弄个圆角. LV. ★★(描边.字体.内阴影) 看了很多案例,学会了一些小技巧,内描边1PX深色描边使效果有所提升.注意描边要贴近按钮色,不要用纯黑和纯白. 其次,字体的颜色也同样不要用纯白,要用贴近按钮色的单色最佳. 当学会了内阴影这项技能后,你就发现高光的按钮看起来非常美好. LV. ★★(渐变叠加) 渐变叠加可以让按钮产生更多de的质感效果,多多尝试,

1.UI设计基本概念与流程 1.1 目的 规范公司UI设计流程,使UI设计师参与到产品设计整个环节中来,对产品的易用性进行全流程负责,使UI设计的流程规范化,保证UI设计流程的可操作性. 1.2范围  A.界面设计 B.此文档用于界面设计,本文档的读者对象是项目管理人员.售前服务人员.UI界面设计人员.界面评审人员和配置测试人员. 1.3 概述     UI设计包括交互设计,用户研究,与界面设计三个部分.基于这三部分的UI设计流程是从一个产品立项开始,UI设计师就应根据流程规范,参与需求阶段.分

摘要:用户界面设计在持续的基础上不断成长和演变.要跟上时代,你需要关注趋势.新资源和正被实施和谈论的新技术. 导读:用户界面设计在持续的基础上不断成长和演变.要跟上时代,你需要关注趋势.新资源和正被实施和谈论的新技术.同时,你也要亲身尝试,并提出原创的见解和应用.下面列举的这些工具能帮你做到这些.尽情分享下面这些我找到的注释出的资源中你认为有用的部分. 看看这些其他人已经想出的对一般用户界面挑战的解决方案,它不仅能帮助你找到正确的现有解决方案,还能作为你提出新的和原创的东西的基础. 一个在线文字

近期的项目验收中,无数次的提到了UI的设计,首先来说说为什么UI设计如此重要. 对于用户来说产品的外观是最先映入眼帘的,无论你用了什么高端的技术,无论你后台代码封装的多么好,用户是无法体会到的,能体会到就是你的UI是否看起来顺眼,用起来顺手. 那么我又在UI设计上犯了什么错误呢?无论用户怎样我好实现再说,无论用户怎样我一个页面能放多少放多少等等,这样就造成了如今的问题:页面信息冗余,没有突出重点.你看为什么百度这么火?由于他就一个框一个button就能找到你全部须要的信息.而我的页面例如以下:

Android UI技巧 1.1 不该做什么 l  不要照搬你在其他平台的UI设计,应该让用户使用感觉是在真正使用一个Android软件,在你的LOGO显示和平台总体观感之间做好平衡 l  不要过度使用模态对话框 l  不要使用px单位,使用dp或者为文本使用sp l  不要使用固定的绝对定位的布局 l  不要使用太小的字体 1.2 该做什么 l  要为高分辨率的屏幕创建资源 l  要使用适当的间距 l  要正确管理活动(Activity) l  要正确处理屏幕的方向变化 l  须要点击的元素要

文章转载自「开发者圆桌」一个关于开发者入门.进阶.踩坑的微信公众号 这里整理的UI设计学习路线图包含初中高三个部分,你可以通过百度云盘下载观看对应的视频 链接: http://pan.baidu.com/s/1nuUuHXR 密码: p595 好东西岂能独享,欢迎分享到你的朋友圈,推荐给更多的朋友.欢迎关注公众号,订阅视频更新,好视频岂容错过. step01初级教程 打造会代码的全能设计师成长之路 打造会代码的全能设计师成长之路(15G)... Illustrator设计视频教程 本课程通过模拟

第一步:认识设计启蒙必备知识 学习一项技能,尤其是已经有一定沉淀并在各行各业有广泛应用的技能,就一定要对它先有充分的认知.在开始正式学习前,你需要花足够的经历去了解和查阅它的起源.发展.应用.未来. UI作为平面设计的一部分,再往上又从属与美术学这一大类.因此,首先要先去了解整个美术史的发展.从人类起源各个阶段中,美术经历了什么样的变化,在各自的时代发挥了什么作用,近代美术史又经历了哪些波折,平面设计艺术是如何发展壮大走进千家万户,并且有哪些经验成功过度到后来的UI设计中.那些享誉中外的艺术大师