很纠结到底是继续做UI设计还是转行前端呢?从刚开始的害怕代码到接触代码又喜欢代码的过程,我在想我是不是太飘了,我感觉我做事就是三分钟热度.我感觉学前端对我最大的阻碍就是英语单词了,10个单词里面最起码有七八个我不知道的.其实我是个很讨厌英语的人,但是看到代码所实现的功能让我感觉很有成就感,想学好英语,做好前端的决心.有了这个想法,我突然好后悔当初为什么不好好学英语,不然也不至于看到英语就头皮发麻了吧,哈哈哈哈哈!我觉得从我开始学习前端的路上,我要在自己的博客上记录自己学习的过程和知识点,希望对自…

一张好的产品创意合成海报,能瞬间提升商品价值感,同时场景和相关元素的融入,让消费者瞬间明白商品属性及内涵.同时为商品营造的使用场景拥有更强的代入感,从而刺激转化.好的创意合成海报能为消费者带来视觉冲击的同时,加深对产品的印象. 以一款唇膏为例:炫彩水润唇膏.通过对产品重点炫彩.水润的使用场景联想,我们提炼了夏天.度假.自然等关键词. 那么对应的场景提取了大海.沙滩.海边度假村.瀑布.森林.山川等夏日度假元素.有了这样的分析,也就大概知道了我们合成片所需要的素材. ​下面介绍一下一张商业海报的合成…

前端工程师与UI设计协同工作主要环节在于设计图与前端界面是否一致.(还原度) 不得不说,设计图与前端界面实现不一致的问题时有发生.(好吧,我经验有限)所以经常写完的前端页面都需要去修改.(特别是做移动端web)频繁的修改页面不仅我觉得很烦,UI设计也很烦.因此,我就好好反思一下我为什么不能好好的还原设计稿的尺寸. 之前待过的公司工作流程是这样的: UI设计只负责设计UI界面,出PSD,AI与PSD效果图.不出标注图.               前端工程师拿到PSD文件去测量里面间距,去切图,实…

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

UI是Web的灵魂!Semantic UI是一款语义化设计的前端框架,为攻城师而制作的可复用的开源前端框架. 特性 弃用有歧义的表述 Semantic是围绕自然交流语言而架构的,这使得开发更加直观(易于理解). Semantic让你可以使用任何HTML标签来表现UI控件. Semantic <main class="ui three column grid"> <aside class="column">1</aside> <…

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

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

千锋UI设计师培训不仅有正常的培训课程,还为学员提供了UI+产品经理周末提升班,目的是为了给那些有基础的UI设计师提高能力.今天要为大家说的是一位千锋UI设计师的故事. 大家好,我是千锋UI设计培训部门讲师,参加千锋大家庭,完成由一线到讲师的转换,光阴匆匆,不觉已带了3个UI班级,跟着同窗们一同生长,传道授业解惑必然是第一位,但更重要的是作为教师的一份义务心. 授课过程中,发现自已的缺乏,不时的总结经历,因材施教,不时发掘能为大家都承受的教学办法,不停地研讨如何用粗浅易懂的言语圆满的论述笼统难懂…

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

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

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

以下内容由Mockplus(http://www.mockplus.cn)团队翻译整理,仅供学习交流. UI设计——不仅仅是创造漂亮的图像. 面临的挑战 我为自己提供了一个绝佳的机会来训练我的视觉设计技巧,并通过创建一个移动app用户界面库来学习其设计过程.UI库也称为可视样式或主题,是一种自定义的图形界面元素包,应用于特定的应用程序或网站,为用户创造高雅的体验. 我的设计过程: 有一点需要注意的是,这个项目是关注UI /视觉设计,而不包括用户体验设计; 例如用户研究,可比评论,用户行程映射,信…

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

[项目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…

这篇文章站在GUI设计师的角度概述了APP从项目启动到切片输出的过程,相当于工作流程的介绍.这里写的不是一种规范,只是一种工作方法,加上技术的更新是非常快的,大家在具体工作中,一定要灵活运用. 这里我们只说iOS系统下的设计,至于Android,因为尺寸太多,涉及的东西比较乱.1 Part 1 项目立项 文件结构 项目名称v1.0 -> 01_源文件psd 02_效果图jpg 03_标注图png 04_标注源文件 05_切片资源png 原型.rar 工具: 界面设计:PS, AI 标注:PxCo…

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

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

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

Web 元素是任何网站相关项目都需要的,质量和良好设计的元素对于设计师来说就像宝贝一样.如果您正在为您的网站,博客,Web 应用程序或移动应用程序寻找完美设计的网页元素,那么下面这个列表会是你需要的. 今天这里收集的免费资源是25套免费的 Web UI 设计的 PSD 界面元素,用于 Web 和 Mobile App 设计.它包括所有的设计元素的 PSD 格式,某些元素提供矢量格式,可以缩放到任意大小. 您可能感兴趣的相关文章 32套精美的免费 PSD 网页界面设计素材 22个完美设计的 PSD…

最美丽的,现代化的和惊人的移动 UI 设计就在这里.今天,我们挑选了12个来自 Behance 和 Dribbble 网站的优秀用户体验的手机界面设计.这些界面设计作品都是由世界各地的优秀设计师分享,可以从中获取灵活,帮助你更好的设计出自己的优秀界面. 您可能感兴趣的相关文章 创意设计:折叠效果在移动App中的应用 经典设计:12个漂亮的移动APP网站案例 分享15套免费的扁平化界面设计素材下载 12套免费的 PSD 格式 Android UI 素材 40款 iPhone 和 iPad 应用程序…

本帖最后由 hua631150873 于 2014-9-12 18:26 编辑 Lumzy 官方地址:http://www.lumzy.com/ Lumzy是一个网站应用和原型界面制作工具.使用Lumzy,您可以轻松创建UI模型并即时发送到客户电脑中. Lumzy还具有团队协作编辑工具. Mockingbird 官方地址:https://gomockingbird.com/ Mockingbird(中文名:百舌鸟)是一个在线工具,它使您轻松地创建UI界面模型,预览UI,并可以共享你的版面编排效果…

在今天在移动 App 界面设计中,你可以看到不同创意类型的视觉效果.特别是在 Dribbble 上面,有有很多移动应用程序的 UI 概念设计,让你惊叹.如果你想获得灵感,那很有必要看看下面15个优秀用户体验的移动应用 UI 设计. 您可能感兴趣的相关文章 创意设计:折叠效果在移动App中的应用 45套新鲜出炉的精美 PSD 网页设计素材 分享15套免费的扁平化界面设计素材下载 设计前沿:30款超级精美的iOS图标欣赏 40款 iPhone 和 iPad 应用程序图标设计 App Upload U…

纯干货!一款APP从设计稿到切图过程全方位揭秘   @BAT_LCK:我本身是一名GUI设计师,所以我只站在GUI设计师的角度去把APP从项目启动到切片输出的过程写一写,相当于工作流程的介绍吧.公司不同,流程不尽相同,但是终究还是能有些帮助. 依旧声明:这里写的不是一种规范,只是一种工作方法,大家在具体工作中,一定要灵活运用.另外,技术的更新是非常快的,我写的这些可能某些东西已经和你们的工程师搭档所用的方法不一样了,所以,还是要灵活运用~ 这里我们只说IOS系统下的设计,至于Android,因为…

从Web借鉴UI设计 用户体验已经成为衡量应用软件质量的重要标准.在过去我们可能会惊叹于某个Web应用的华丽界面,现在,随着HTML5的强势登场,各类表现层技术及开发框架的发布,Web与窗体应用的界限正在被逐渐模糊.虽然技术已经焕然一新,但很多开发人员并不是专业的信息架构师,可能还在使用传统的.平凡的UI设计风格.富应用已成定局,过去难以实现的效果在今天看来已如此简单.本文旨在通过借鉴Web界面设计经验,来探寻系统UI设计的最佳实践. 一 指导原则概述 系统是自描述的 对于好的UI设计系统应该易…

国外一些好用的UX/UI设计工具和资源分享 你今天使用的设计工具也许不再适合以后的网页和APP设计项目了.新的工具不断的推出市场,目标只有一个,让你的工作更快.更容易而且工作成效更好.今天分享的这些UX/UI设计工具和资源,有专注于快速原型设计.强大的团队协作功能.和设计可用性测试或成品测试等,希望能对你的工作有所帮助,快来体验吧! ●Proto.io Proto.io把原型制作提高到了一个新的水平.除了可以上传这就的设计,你还会发现这里有一个最真实的互动UI库之一.用它创建一个原型,非常容易,…

最近迷上进度条,使用进度条可以增强用户体验,让用户心里有个底,再无奈的等待中体会loading的乐趣. 记得以前优乐美的官网,进入主页加载资源,显示给用户看的就是,炫彩背景下,一个杯子里的奶茶随着加载进度慢慢加上来,这对于浏览网站的人来讲,等于一种享受,并不是难熬等待的时间,在等待的时间的时候,她们看到确实另一番景象而不是单纯的进度条. 百度手机浏览器的做法又不一样,用户打开一个网页的时候,在后台请求资源并渲染,前台界面就是产品的宣传,几张宣传图相互切换,大部分PC软件的安装过程也是如此,在用户…

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

在这个技术的世界,UX和UI这两个词条在差点儿全部公司都非常流行,不管大小,都在寻找招聘UX/UI设计师. 这两个缩写词条使得整个技术工业为之疯狂,由于它们是最先进的前沿技术. 那这两个词条实际上是什么意思呢?首先,UI是指用户界面,UX是指用户体验.有一点非常重要,这两个词条不可互换,由于它们要求的技能集是不同的. 让我们来看看UX设计师和UI设计师之间的差别. 客观的 vs 感性的 UI设计关注不论什么物理界面,如你的智能手机.电脑或者其它电子设备. 设计你在外面看到全部东西都是UI设计师的…

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

免费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,是一套为视网膜屏幕而生的素材…