1.CSS样式 .header { background-color:#7A8692; color:White; height:30px; font-size:16px; width:100%; line-height:30px; display:table; vertical-align:middle; padding-left:10px; } 这里需要设置line-height值和height的值一致才行. 2.在div的最外层设置bg-color可以是的里层的div的颜色变化.但是如果仅仅…

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

一.PPI 1.像素密度PPI:PPI(Pixel Per Inch by diagonal):表示沿着对角线,每英寸所拥有的像素(Pixel)数目. 根据勾股定理(直角三角形两边为a和b,斜边为c,那么 a²+b²=c²),可以得知iPhone4(s)的PPI计算公式为:  = 329.65 和标准的326 稍有出入,这是因为像素的离散采样有锯齿效应. 2.iPhone5屏幕尺寸为4英寸.iPhone6屏幕尺寸为4.7英寸,屏幕尺寸 指的是显示 屏幕 对角线的长度. 单位换算:   1 inc…

*****注意到mvc 在android 中是如何进行分层分域执行各自的功能.**** 官方推荐的按钮尺寸是48像素 前端之Android入门(1):环境配置 前端之Android入门(2):程序目录及UI简介 前端之Android入门(3):MVC模式(上) 前端之Android入门(4):MVC模式(中) 前端之Android入门(5):MVC模式(下) 前端之Android入门(6):屏幕适配 Android设计中的.9.png [ISUX转译]为日渐成熟的Android设计 圆–智能手表…

因为前天重新装了个新版的eclipse, 结果今天打开一个SWT的项目,突然找不到source/design的图形UI设计的两个切换按钮 我把SWT组件重新装了还是找不到.结果后来发现是因为重装eclipse后,以前建的SWT工程被新eclipse用缺省的java editor打开,这是后必须要主动用Winbuilder editor打开才行. 选中SWT工程的java文件,在右键菜单里选"open with->WindowBuilder Editor"就可以了.…

用户界面设计涉及到很多的创意,灵感以及需要与客户进行有效沟通的技能.良好的用户界面是一致的,可以使网站更容易理解和使用.UI设计的重点在于用户体验和互动,同时易于使用对于一个成功的移动应用程序来说非常重要.在这篇文章中,我们收集了20个最新的免费 UI 设计素材给设计师. 您可能感兴趣的相关文章 Web 前端开发人员和设计师必读精华文章推荐 精心挑选的优秀jQuery Ajax分页插件和教程 12个让人惊叹的的创意的 404 错误页面设计 让网站动起来!12款优秀的 jQuery 动画插件 8个…

有朋友建议我偶尔写写技术类的文章,所以我打算开始穿插性的写一些偏技术方面的科普文章,尽量往小白能看懂的方向写,今天我来讲讲UI设计中的48dp定律. 那么先说说什么是dp ?其实对于一个非技术人员要把这个概念完全搞清楚还挺复杂的,所以我们就知道他是干什么用的就好,因为安卓阵营的碎片化,所以会有杂七杂八的不同分辨率的屏幕,但是一个UI人员不可能对不同分辨率把应用的图片都切一遍吧?所以就用dp这个单位,用这个玩意儿可以保证同一个图片在不同分辨率下的屏幕上保持基本相同的物理大小. 说了dp,就得说说p…

设计趋势变化的理由需要考虑各种各样的因素.让我们来一起看看2017年的设计流行趋势吧. 应用界面的设计趋势是不断变化的.随着时间的推移他也在不断的成长,进化.虽然有些趋势还有待检验,但我们还是需要不断的去学习新的技术. 优秀的UI设计是包含了简洁(英: Simplicity)和易用性(英: Effectiveness)这两点.这也是每个设计师的职责.但是相反的,如果用户在使用时完全摸不着头脑,对UI设计来说就非常失败了. 设计趋势变化的理由需要考虑各种各样的因素.例如2015年推动设计变化的原因…

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

对比MAC OS 10.9到10.11的UI设计,苹果曾经卓尔不群的审美观逐步变得泯然众人. 当苹果也跟上扁平化的浪潮,许多搞设计的朋友都一时难以接受,曾经潮流的引领者变成了亦步亦趋的跟随者. MAC OS 10.9与10.11对比 激活与失去焦点 的提示作用 颜色过渡 色彩的分类提示 MAC Win7/10 Ubuntu…