有关颜色搭配方案: 摘取:http://bbs.9ria.com/thread-395-1-1.html 有关设计,可以参考:http://www.sj33.cn/…

暖色调的颜色属于前进色.膨胀色可以使物体的视觉效果变大,而收缩色可以使物体的视觉效果变小.   颜色的另外一种效果.有的颜色看起来向上凸出,而有的颜色看起来向下凹陷,其中显得凸出的颜色被称为前进色,而显得凹陷的颜色被称为后退色.前进色包括红色.橙色和黄色等暖色,主要为高彩度的颜色:而后退色则包括蓝色和蓝紫色等冷色,主要为低彩度的颜色.   前进色和后退色的色彩效果在众多领域得到了广泛应用.例如,广告牌就大多使用红色.橙色和黄色等前进色,这是因为这些颜色不仅醒目,而且有凸出的效果,从远处就能看到.…

灰度优先 我们习惯在设计阶段的早期就开始调整颜色和色调.但是,当你意识到自己花了3个小时来调整主色调的时候,你发现这种行为毫无帮助.虽然把玩颜色很有吸引力,但是你应该避免在设计初期进行这种行为. 相反地,你应该强迫自己专注调整间距和布局元素.这种布局的约束是非常有效的,它会为你节省很多时间.调整间距和布局元素并不是那么无聊.如果你想表达不一样的东西,尝试使用不同的色调即可. 远离纯灰色和纯黑色 多年来,我学到的一个最重要的颜色技巧之一就是避免使用不带色调的灰色.在现实生活中,相信自然 最佳的色彩…

1       概述 1.1     背景 对UI设计过程中常见的列表风格进行总结.希望对后续的设计工作有所帮助 1.2     预期读者 UI设计师,用户体验设计师,项目经理,美工 1.3     作者 张云飞 写入 2014-8-13 2       普通列表风格,Plain style 2.1     原型样式 2.2     特征 左侧图片,中间文字,右侧扩展图标.右侧图标可有可无. 2.3     线框图 2.4     各个区块的命名 2.5     截图 3       分组列表风…

设计风向转换的趋势越来越短,在设计圈中,流行设计的跟新换代更是快.在设计时间越来越短的今天,在经理领导不断催促的时下,如何准确的把握当下的流行趋势,如何在设计之初就能定好设计的基调.这对于还是刚入设计行业的小白来说,显得十分重要. ​在2018年的今天,80后的设计师已经能将各种类型的设计老练的平稳的运用于自己的设计中,而90后的年轻的设计师刚刚迈入这个行业,对于技术的掌握和对未来的憧憬,他们的设计往往是天马行空,其中不乏一些出彩的.不在条条框框中的优秀的设计. 对于时下的流行设计来说,颜色的使…

APP UI设计及切图规范 1.概述 1.1 编写目的 该文档主要针对移动端开发的视觉设计和开发过程中的工作环节做统一的规划规范,是系统进入UI设计的前置文档.部分内容来自网络收集修编,转载请注明由 嗡嗡(iwengweng.cn) 整理. 1.2 读者对象 项目实施工作组UI/UE设计人员. 2.色值规范 系统采用统一色彩标注值,超出的需要进行登记管理. 色彩范围值:以通用字号C开头标识,在Android开发中对应相应的配置文件 参考:Android开发设计规范 2.1 屏幕适配 Androi…

上一周可以说是一个不断Mark周,从最实用的Android UI设计工具.免费移动应用测试框架推荐,到HTML5开发框架等等,各种开发工具.框架精彩丰呈,看得小伙伴们是不亦乐乎.当然,还有不容错过的MDCC 2013精彩专题论坛先透露.首届智能硬件峰会及首届智能硬件展等的阵容更新围观.智能硬件这座中国互联网的下一个金矿,将由MDCC 2013开启,更多内容请持续关注MDCC 2013官网. 除此之外,移动频道还有哪些值得关注的热点新闻呢?让我们一起通过移动周报来回顾一下吧! 1. 直接拿来用!1…

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

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

Android UI设计--PopupWindow显示位置设置 摘要: 当点击某个按钮并弹出PopupWindow时,PopupWindow左下角默认与按钮对齐,但是如果PopupWindow是下图的那样,会发生错位的情况,尤其是不同尺寸的平板上,那错位错的不是一般的不靠谱,而Android本身只提供了如下几个方法设置PopupWindow显示位置showAsDropDown(View anchor, int xoff, int yoff) 以anchor的左下角为参照点,定义偏移showAsD…

免费PSD素材 TETHR by InVision 这是出自InVision的8款PSD文件,其中包含了100个模板和超过500个UI控件.来自InVision和UI8的设计师一同协作完成了这套UI Kit,非常漂亮. Designer-naut UI Kit 这是一套简约整饬的UI Kit,内置了40款矢量的小插件.这套UI Kit 为视网膜屏幕而生,基于16栏的960栅格系统,目前限时免费. Wire Kit 这是一套分辨率为840 x 8600的 UI Kit,是一套为视网膜屏幕而生的素材…

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

用户需求瞬息万变,而手机软件UI设计为适应变化的用户需求,也相应的发生着变化.但是,这并不意味着用户需求和UI设计趋势就是无迹可寻的.事实上,根据前几年的手机app界面设计变化的特点,尤其是2017年的变化特点,我们也是可以对2018年的设计趋势有一个基本的预测. 所以,这里为大家分析和介绍2018手机应用UI设计的9大趋势,希望对大家有所帮助: 1). 重叠空间感的延用 字体,图形以及颜色的重叠,不仅能够能够使界面设计更加独特且吸引眼球,同时也能营造出超越2维的空间感.这也是为什么近几年来,重…

你学会UI设计了吗? UI设计师如何前驱? 关于产品 作为一个UI设计师,我们还在干巴巴的等着产品经理甚至交互提供的需求和原型再开始动手吗?这样被动的工作是永远无法提升自己的,当然你也永远只能拿到几千块的薪水了. 我们应该参与UI设计前期产品的规划中去: 1.了解下一个版本计划做哪些需求,上一个版本还留下什么需求? 2.在下一个版本中需求的目标和目的分别的什么? 3.怎么样挖掘出用户的原始需求? 4.希望之后拿到哪些数据,并且对这些数据准备做怎样的分析,得出怎样的结果? 产生的商业价值又是什么?…

问题一.Android手机的常用设计尺寸有_________.怎么适配ios和安卓. 答案:安卓320 X 480是常规模拟器.但现在的开发都是用360x640做一倍率.480 X 800(1.5倍率).720 X 1280(2倍率).1920*1080(3倍率) ios用sketch软件出375*812的1倍率的设计图,直接生产标注,1倍率中1px=1pt=1dp.方便程序员理解. Ios适配安卓将375缩小间距至360,文字大小不变,图标大小不变,图片按等比缩小.也出一倍率标注.1px=1d…

转自:https://www.zhihu.com/question/50995871?sort=created <女神异闻录5>是近两年最为火热的JRPG游戏之一,它的出色不仅在于剧情暗讽社会黑暗面的主旨展现,那套酷炫而又极富冲击力的动态UI设计也成为了本作的一大亮点,不仅成为了部分同行游戏“借鉴参考”的对象,其中某些元素甚至被当作Cosplay的对象. 当然,这套UI并非一面倒的好评,也有部分的玩家认为这套UI的效果太过“喧宾夺主”,甚至会在长时间游戏后产生视觉疲劳,比如每次战斗结束后都无法…

作为一个专业UI设计师,不仅仅要了解整个产品在UI界面设计,交互设计中的工作流程,更需要了解整个产品从需求提出到产品上线的整个工作流程. 以下是互联网产品个部门的工作分配及流程: 从图中可以看到,一个互联网产品从策划到最后的上线营销,都需要由不同的部门分担其责,而每个部门中,根据岗位的划分,在细分到每个工种上来,所以一个互联网产品的开发流程,并不是单个的人,或者个别的部门可以实现完成的,它是一个完整的团队通力合作的产物.部门与部门,岗位与岗位相互协作配合,才会出色高效的完成项目. 一般互联网公司…

有的人觉得logo只是一个简单的图形,对品牌影响无关紧要:但有的人却觉得logo对品牌有较大的影响.其实logo承载着一个公司的品牌形象.公司背景.公司理念等.就像Landor往往给一个企业做logo要收取上百万的费用,就是因为品牌形象针对的时品牌本身,从形式.寓意.色彩甚至营销都有很深远的影响.当然对于像小餐厅的logo来说,只要设计出好看的图形,容易辨识就可以了. ​ 设计一个高质量的logo要从哪方面入手呢?1.往往客户提供的信息比较有限,设计师要通过大量的调研和信息收集去找到大的方向,找…

一份普普通通.规规矩矩的设计 一份让人印象深刻.新颖有趣的设计 差在哪?其实就差在三个字上! “优秀的设计不是每一个细节都有亮点,而是弱化其他元素,让某一个亮点最大化.” 今天“骉叔的设计心得”就来总结一下关于“字”的心得. 在设计和选择字体前,我们要先想明白文字的功能是什么? 从原始时期的人类在墙壁上画下的那几个抽象的符号,到殷墟发现的甲骨文,再到现在发展到上万个现代文字.有各种各样的文字形式,但其实它们的核心功能都是一致的: “作为信息的载体,记录和传播信息.” 这是文字最为基础,也是最为重…

​互联网产品的用户界面设计趋势是根据用户的不同需求而不断变化的.在仔细分析了过去几年用户界面设计的趋势和创新之后,我们可以发现其背后的一些规律,2018年UI界面设计的趋势如下. 渐变色 在过去的几年里,越来越多的设计师在设计作品时采用了色彩渐变的方法,今年的流体渐变更是风靡全球.即使你只选择了一种颜色,也可以在色彩渐变和不同图片的帮助下,营造出出丰富的层次结构感,绘制出一幅令人赏心悦目的画面.因此,色彩渐变的流行之风不仅在席卷了2017年整年,还将会在2018年继续流行下去. icon由线转面…

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.…

以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具. 合理运用色彩是每个设计师都应必须具备的技能,特别是插画师和UI设计师.随着扁平化设计和Material Design 的日益普及,色彩理论知识的重要性也变得愈加明显! 在许多数字化产品的界面中我们都能看到一些明亮的色彩和渐变色,从趣味性和娱乐性APP到商业APP和网站.然而,关于明亮的色彩对用户体验的影响仍有很多争议.本文就UI 中使用亮色的优缺点进行了一些分析和总结.   一.在UI中使用鲜艳颜…

现如今,智能手机已成为人们生活中不可或缺的一个物件,琳琅满目的手机APP充斥着各大应用市场.对于普通人来说,他们的衣食住行因此而变得简单方便:对设计师们来说,他们则面临更多的机遇和挑战.每位设计师都梦想着做出最出色的应用界面(UI)设计,最符合用户习惯的UX设计. 而出色的手机界面设计应该具备两个特点:简洁,易用.这也是每个设计师的职责.简洁美观的界面设计可以很好的引导用户,从而带来更优质的用户体验.相反而言,如果用户在使用时完全没有这个概念或是摸不着头脑,这对UI设计来说就非常失败了. 为广大…

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就要全套保持即…

1.UI 用户界面 UI:User Interfase 用户界面 UID:User Interfase Designer 用户界面设计师,多指移动 app 的界面设计: 2.一个合格的 UI 设计师,至少应该具备什么? (1)审美: 一个好的设计师,应具备基本的艺术审美,识别不同的艺术表现形式,区分作品的好坏,感受下: 图1:  图2:   (2)想象力.脑洞 比如:克里斯托弗·诺兰导演的电影<盗梦空间>. 宫崎骏的<千与千寻> (3)基本的工具使用: 常用且基本的工具:PS 拓展…

Apple 官网看了 iOS 11 的介绍,发现有不少的更新哦,比如控制中心.Siri.Live Photo 等等,总体来说都有很多不错的体验,不过本文不介绍功能,只说视觉界面. 在 iOS 11 的新 UI 界面中,重大更新的界面主要有 App Store,所以我从应用商店的UI设计也能看出一些大概细节. 图标:从线性改为面形 新版 Store 的图标从线性改为面形,图标也加入了圆角,看起来更加圆滑,同时和 iOS 10中的 iTunes 相关应用风格也统一了. Icon 颜色比如来的线性浅了…

大家总是把小程序和App放在一起比,因此我也花时间看了一下小程序的开发指南,尤其是UI部分的设计和原则,今天就拿它和苹果的HIG(Human Interface Guidelines)做个比较,其实两者在一些大的原则处理上可以说是一致的. 关键词一:友好礼貌 对应于苹果:Less is more 苹果在iOS7时做了一个非常大的界面调整,以突出内容为主,去除掉了所有会干扰用户的界面元素,这个风格一致延续至今(以苹果自家的App,比如指南针,天气为例就可以看出). 微信在指南一开始也强调了这个原则…

很多人都在寻找那些能够帮助他们快速提升设计能力的方法,但你是否想过,自己身上的哪些方面会对你的设计产生影响呢?是使用工具的技巧,对设计的理解和态度,还是你的生活习惯呢?我想说所有这些都是决定你的设计是否优秀的因素,而在这之中,对设计本身的理解尤为重要.在这篇文章里,我尝试着通过那些经典的设计原则和设计领域内的一些最佳实践,来启发你对设计的重新认识. 什么是设计,什么又才是优秀的设计 设计正在被不断地细分并渗透到各行各业,我所知道的设计师分类就包括:工业设计.图形设计.UI设计.UX设计等等.那么…