设计思路—设计秩序中元素对比[原创] In Blog, 设计  @2016-08-30 126 Vs

b00

先拉开文章主题来聊一下设计这件事。这算是一篇总结性文章,刚好有点时间,就想总结出点东西来,并且还想要写出来,对于不常写文章的人来说,要写些东西来还是一时无法总结文字。

对于设计每个入这个行业的人应该都会自己的领悟或者说认识,见解可能还谈不上,但绝大多数都缺乏文字表达的能力,总结归纳是一件不容易的事情,很多人就是这个原因很难突破到更高的层次去学习交流,这也是很多人都说的,与大神就这么一层玻璃纸,模模糊糊看得到却进不去—缺乏系统的知识体系。 (更多…)

屏幕设计单位的区别px(像素)/em/rem,rem是什么? In 前端  @2015-10-10 1,630 Vs

px-em

现在大多的国内的网页设计师喜欢用像素(px)单位,因为这个px单位是用来丈量屏幕尺寸的单位,使用它是最直接,也是最精确的一种单位,而国外的网站大都喜欢用em和rem。随着响应式的网站设计普及开来,国内的设计师也越来越倾向于后面两种单位了,px、em、rem分别是什么呢,那么三者有什么区别,又各自有什么优劣呢?下面我们来分析一下。 (更多…)

打签» , , , ,   评论» 7枚

IOS APP UI设计稿轻松适配(iphone5/5s/5c/iphone6/iphone6Plus) In 设计  @2015-08-20 4,364 Vs

ios3

移动app开发中多种设备尺寸适配问题,过去只属于Android阵营的头疼事儿,只是很多设计师选择性地忽视android适配问题,只出一套iOS平台设计稿。随着苹果发布两种新尺寸的大屏iPhone 6,iOS平台尺寸适配问题终于还是来了,移动设计全面进入“杂屏”时代。看看下面三款iPhone尺寸和分辨率数据就知道屏幕有多杂了 (更多…)

打签» , , ,   评论» 1枚

IOS与Android APP界面设计规范要点 In 前端, 设计  @2014-11-13 16,405 Vs

apprules

相信很多人都在开发设计APP时会遇到很多界面上的问题,要以多大尺寸来设计?分辨率是多少?该怎么切图给开发等等

下面的文字就给出一点点技巧总结,但也要给合团队在开发时的习惯。每个工程师们所使用的控件,书写布局习惯来实际移交的图是不一样的,但八九不离十,都是遵循一个原则,便捷开发、自适应强的开发模式 (更多…)

Axure与产品原型,产品设计流程 In Blog, 设计  @2014-07-30 2,131 Vs

axure

Axure已成为产品经理、产品设计师以及交互设计师的必备工具,从某种程度讲,Axure帮助我们建立低保真模型,便于与用户的需求验证,也帮助我们构思交互细节,使前端和开发人员更容易理解我们的产品;但从另一方面讲,Axure绑架了我们的思维,让很多产品经理和设计师养成了“无Axure不设计”的恶习,忽略了用户故事、功能规格和信息架构,甚至走入“为了用Axure而用的误区”,导致了资源的大量浪费和产品的硬伤。因此,提醒为Axure着迷的产品经理:在熟练使用2B铅笔前,请不要打开Axure。 (更多…)

概谈一下响应式网站设计及响应式前端框架 In 前端, 设计  @2014-06-25 1,816 Vs

rdw

响应式网站百科里是这么解释的:响应式Web设计(Responsive Web design)的理念是:集中创建页面的图片排版大小,可以智能地根据用户行为以及使用的设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相对应的布局。

如今的互联网已经不再是以前的单纯的Table Div时代,更具意义的标签,更易于搜索、更易于渲染、更个性化的制作、更具设备兼容性的Html5及Css3时代已经让响应式网站普及。

响应式网站的诸多优点让它已经成为了新一代设计的标准,在任何设备里只呈现一个制作方案,却可以实现不同的外观及体验度。一次性网站的开发实现多用途的方案。 (更多…)

如何让你的界面更加简洁 In Blog, 设计  @2014-05-14 1,587 Vs

simple

80%的用户仅仅使用软件20%的功能。而那些没用的功能不仅浪费开发时间,也使得软件更加难以使用(这些功能对用户的阻碍作用大于有用价值)。软件试图尽力可以把任何事都做好。而一个成功的软件应是简练精干的,可单独智能化的解决单个问题。

简洁、易用、友好、直观。这些词语经常被提及,但在执行过程中经常被遗忘。这是因为软件功能的复杂性所导致的。如何处理好软件的复杂功能往就可以决 定它的命运。一个复杂的界面会让用户不知如何操作。如果,减少复杂的操作过程并精简操作界面,那该软件的用户体验就大大的提升了。 (更多…)

打签» ,   评论» 抢沙发

设计师沟通经验分享 In Blog, 前端, 设计  @2014-04-29 1,293 Vs

dc

设计师与别的职位如产品经理,在工作内容上有什么区别,我总结出两方面的差别,简单概括为:技能和定位。

“技能”指的是设计师掌握了项目中其他角色都不具备的能力——画图。这么概括有点简单粗暴了,事实上设计师的专业能力远比画图两字涵盖的内容要广。但“画图”确实是更容易被所有人理解的说法(向家里长辈解释我干什么的时候,他们如果不理解我就会说是画图的,他们就会貌似恍然大悟地哦一声,终于听到一个他们想要的能听懂的答案了)。伴随着人机界面从命令行到图形可视化,再进化到哪儿哪儿都可以摸的触屏时代,用户对于“美”和“交互”的要求越来越高,设计师的能力和价值也愈发受到重视。 (更多…)

打签» , ,   评论» 抢沙发

常见图片格式jpg、jpeg、png、gif等到底有什么区别 In Blog, 设计  @2014-04-24 4,052 Vs

常见图片格式jpg、jpeg、png、gif、bmp、tiff、ai、cdr、eps到底有什么区别

jpg、jpeg、png、gif、bmp、tiff、ai、cdr、eps
对于做设计这一行的人来说,这几个图片格式是最常用的,也是最常见的,几乎每一天都要与他们打交道。
刚刚入门的新人通常不知道在什么地方如何使用他们或者说如何更有效的使用他们。 (更多…)

打签» , ,   评论» 1枚

为移动而设计,信息架构移动端的设计 In 设计  @2014-03-21 1,439 Vs

为移动而设计,信息架构移动端设计

从设计人员的角度出发,提出了移动端设计与传统桌面端设计的不同之处,同时归纳总结并比较了多种主流的设计模式和信息架构,旨在帮助设计、产品、开发相关人员更好的思考移动端设计。分享给大家,希望有所帮助和启发 (更多…)

打签» ,   评论» 1枚

网页设计中扁平化与可用性的取舍 In 设计  @2014-03-06 1,549 Vs

metro

扁平化风格不意味着设计工作本身可以得到简化,更不意味着界面可用性的衡量标准可以被降低。本文将与各位分享一些tips,希望可以帮助你在打造扁平化设计方案的同时提升界面的可用性。

定义信息架构

扁平化风格最让我欣赏的一点就是对内容的突出。曾几何时,我们过分聚焦在界面元素的拟真风格上,内容反而成为次要。在扁平化风格的界面中,那些零七八碎的会牵扯用户注意力的元素被去除,这很好,但你必须当心,不要使其成为破坏信息结构的双刃剑。 (更多…)

关于CSS对网站整体速度影响的因素 In 前端  @2014-01-27 1,638 Vs

关于CSS对网站整体速度影响的因素

页面的访问速度是衡量一个网站性能的关键;

网页的结构是支撑网站的重要因素,大多人都是从结构及js去优化网站的性能,比如html的写法都按照严格的标准来书写,js放在最底部,合并js等方法来提升网站的访问速度及运行性能,以达到更优的用户体验而留住用户;

讲Css前,先来讲讲Html 及Javascript对网站性能的影响

从写html开始我们都知道,html中几乎所有代码都是小写字母,包括了js所需要用id,它们都在w3c官方中建议统使用小写字母,并且块元素及行内元素要相对区分,不可以行内元素放入块状元素(比如span中放入div就是错误的),虽然现在很多浏览器很智能,但这样写毫无标准之分,会降低网站的性能,同时对SEO不好,不利于搜索引擎的收录;
这些标准,准则都是为更好的网站性能。 (更多…)

搜索

返回顶部