当前位置:主页 > 平面设计

最新发布

设计师和您聊聊日本网页设计风格
设计师和您聊聊日本网页设计风格

上次我们在网址导航里推荐了日本4db网站后,大家都震惊了,才悄然发现岛国除了爱情动作片值得收藏寻味外,网页也在求新求变,满足各位客官的口味,我们去年和大家聊了一下日本网页设计的风格,大家也都激烈的探讨过,对日本网站褒贬不一。那么就让我们今天继续聊聊日本网页和中国的区别,希望对您有所启发。文字的用法日本网页个性独特的原因之一可能就是网页中运用了多样的文字。与常规的使用英语作为基本语言的网页相比,用多样文字至少优秀150%。对于网页设计师来说,这样做看起来似乎很‘傻’,但是对日本网页设计师来说,这样做让网页更加有魅力。关于为何如此使用文字,最简单的原因就是基于语言本身的构造。与英文单词相比,日文单词更加独立(比如中文的‘好’翻译成英文是good,翻译成日文是好,日文只有一个字,而英文是由四个字母组成)。他们的祖先在创建文字的时候希望文字所占的空间更少、意味更加深远,所以就有了我们现在看到的日文。当你看到一些日文的时候,你可能认为它只是一句话,但其实它是一段话。goukaseishi另一个主要的原因则是:多样的文字可以让购买者信服。与大多数西方消费者相比,日本的消费者在购买之前会要求商家展示更多物品的细节与证明。所以他们的网页才会有大幅的文字说明。元素放置日本网页之所以独树一帜,还有一个重要原因就是他们的元素放置很得体。随意一瞥,你会发现他们的网页中缺少白色空间,取而代之的则是多种多样的网页元素,包括文字、照片等等,都被安置在了每一个细小的空间里。这就是日本文化的体现。日本人拒绝浪费,他们一定会吃掉盘里的最后一口食物,将家里的每一个空间都填满。正因如此,他们才会将网页中的每一个空间都利用起来,所以我们在日本网页中很少能看见白色的空间。

8 次浏览
优秀手机应用设计需要遵循的8大原则
优秀手机应用设计需要遵循的8大原则

产品设计的原则有点太泛哈,这里想结合自己的工作心得来小结一下手机无线设计8原则。原则1:用户界面应该是基于用户的心里模型,而不是基于工程实现模型就是把后台本来很复杂的事情通过设计符合用户日常生活中常用的浏览方式或操作方式。其实这一点是设计师把生活中的细节和数据结合的凝聚点,用户的心理模型抓的越准,界面就会越优秀。从用户出发:移动设计原则小结#左边界面#:大众点评新版的价格的搜索就比之前改得更符合用户心里模型;#右边界面#:食神摇摇的摇动手机找餐厅更加符合大众用户的心里,大家应该都有那种中午不知道去哪家餐厅就餐,那么就摇一摇来随机抽出一个附近的餐厅。原则2:培养用户使用情景的思维方式做设计要做到这个原则其实是很难的,需要长期的实战经验才能做到这点。那我们都知道米聊出的比微信早,但后来被微信反超,个人认为不光是QQ帮了微信很大忙,比如用户登录门槛低,用户来源,广告打得响之类的,其实在用户使用情景方面米聊研究的没有微信透彻。

5 次浏览
20招帮你打造完美大气的网页设计
20招帮你打造完美大气的网页设计

每当谈到网页设计这个话题时,我总会想到这些年我见过的一些常见的错误,尤其是发生在年轻设计师身上的。所以今天我整理了一些资料,算是我这些年总结的经验吧,主要是教大家怎样做好网页。我认为每一个网页设计新手在开始一个项目之前都应该了解这些知识,在项目开展中也应该注意。这些概念不仅仅是网页设计方面的,还包括现实中的工作流问题,它可以帮你更好的完成工作。如果你能将这些知识融会贯通,假以时日,做一个专业的网站布局就不是问题啦~01.将你的想法先在纸上画出来这是一幅世界各地不同年城市特色建筑的草图这个想法看起来好像理所当然,似乎每个人开始设计之前都会在纸上画草图。但是据我观察很多设计师都跳过了这一步,从没有考虑过他们将会面临的问题。设计就是要解决问题,但是这些问题通过渐变、阴影设置是解决不了的,只有通过调整布局和层次结构才能解决。所以在你开始设计之前,一定要先想好布局。02.描绘一个顶层框架描绘一个基本的框架可以帮助你解决UX方面的问题,同时规划布局。当我接手一个项目的时候,做的第一件事就是建立一个*框架,这样可以解决所有的设计问题。这个框架是指环绕在内容周围的UI,它可以帮助我们执行操作,更好的操纵页面。它包括导航和组件,比如侧边栏和底部的按钮。如果你通过这种方式来做设计,在不看主页的情况下,你也能清晰的知道应该怎样布局。03.给PSD添加网格

6 次浏览
网页设计中最常见的30款英文字体
网页设计中最常见的30款英文字体

关于英文字体,对我们网页设计师朋友们来说一定并不陌生,即使我们很少做英文语系的网站,但在浏览国外网站的时候,大家一定都会有或多或少的认识。其实不单单是在网页中,很多移动操作系统和浏览器中都广泛使用了今天我们即将介绍的这些字体。想必大家也都能猜出来像 Arial、Helvetica 这种大名鼎鼎的字体肯定在里面了,那么还有什么呢?一起来详细了解一下吧。首先,补充个小知识:1.网页设计中的英文字体,一般有以下五类:serif(衬线)sans-serif(无衬线)monospace(等宽)fantasy(梦幻)cuisive(花体)网页设计中最常见的无衬线字体

7 次浏览
2014年网页设计趋势预测全分析解析
2014年网页设计趋势预测全分析解析

年尾总结年初预测已经成为了多数人的习惯。2013年很多人以为世界真的会末日,我们真的看不到2014年的日出,但是事情并没有发生, 我们顺利的活到了2014年,那么今年的网页设计领域又有什么新的发展呢?是延续经典还是推陈出新?通过大师的预测,我们发现了一些蛛丝马迹,那么今天我们就来给大家分享一下这些宝贵的信息!如果你有什么想法记得在下方的评论里告诉我们。01. 先进的杂志式布局纽约时报的文章《蓝色圣女果》(www.nytimes.com)向我们证明了一件事情,那就是网络文章的表现形式可以千变万化,只有你想不到的,没有你做不到的。随着HTML5的问世、CSS3和javascript的进步,网页制作将会越来越精细,并朝着“会讲故事的网页”方向继续发展。虽然有人进步,但也有人决定将“经典”进行到底,不少出版公司拒绝面对现实,不承认现在是数字化时代,还是沿用旧有的版本。老人常说儿孙自有儿孙福,我认为公司自有公司福,如何发展就看他们的造化吧。02. 更多种类的字体在2014年,博客主们不仅仅会青睐灵活的响应式、杂志布局网页,还会发现或设计更多的字体。如今浏览器中的字体是一天比一天好看,紧凑却不失美感,我们希望2014年能在网页里看到更好的字体,同时也希望设计师能发现字体的新用处。03. 纯代码打造酷炫的视觉效果

6 次浏览
22个手机APP应用官方网站设计灵感
22个手机APP应用官方网站设计灵感

当我们开发出一个新的手机应用出来后,最基本的推广就是制作一个官方网站了。设计这类网站其实不需要太多的页面和内容,可以用单个网页即可,今天我们整理了一些手机APP应用官方网站设计例子,通过这些作品,大家除了看设计外,还可以留意下他们的宣传语、交互设计、排版布局等等。在下面的案例中,90%的网站都会使用手机模型(mock-up)来嵌入手机应用的截图,所以下载个手机模型是必须的,设计达人网已经发布过很多,大家本站搜索mock up就可以找到。里面整理也差不多了。在下面的网站中,或许会有你喜欢的应用哦!一起欣赏吧!这是一个记录和安排时间的管理应用,应用的界面用WEB版和iPhone版本。浏览网站浏览网站一个分析类应用。浏览网站浏览网站旅游指南类的应用,有了它,或许你已经不需要导游了。

6 次浏览
8款国外最佳的HTML5绘图工具全解析
8款国外最佳的HTML5绘图工具全解析

HTML5无疑是当前最受宠的一项技术,今天推荐8款HTML5绘图工具,同样惊艳你的眼球!这些绘图工具大多数是用HTML5画布(Canvas)实现的,部分辅以Javascript。对每一个web设计者来说,制图和草绘是他们工作中最喜欢的一件事情了。草绘和制图是设计工作者工作中一个重要的特征。HTML5将会这方面显露出不可限量的前途。 这款工具提供了各种图形的快捷方式,有点像photoshop的工具面板。你可以从工具栏上拖着想要的图形形状,然后在画布上修改。方的,圆的,点、线等。这款神奇的HTML5绘图工具还能让你给图形配置阴影效果。拷贝,粘贴,重做,恢复等功能应有尽有。这是一个非常有趣的绘图工具,它不是由你来使用画笔,而是让设定绘图参数,这个工具能根据你的参数绘制有规律的数学图案,这些图案如果用手绘制可能非常的复杂,但通过自动设定的条件让它重复变换的一遍一遍的重复执行,你会得到各种很神奇的图案。你可以设定它的绘画速度——慢,中,快。设定画笔的颜色,宽度。Bomomo更像是一个涂鸦工具,娱乐性很强,用它可以画出色彩缤纷的各种奇异图案、纹饰,它提供了很多种预设的涂鸦工具。每种工具都具有动画效果,让你快乐的画出赏心悦目的美丽图案。这款绘图工具看起来就更像是Photoshop了,它的工具栏,画笔,配色工具,历史记录都有点Photoshop的味道,它的确提供了很多可以替代Photoship的绘画功能,不信你就试一试。

8 次浏览
浅谈移动应用快体验设计方法总结
浅谈移动应用快体验设计方法总结

产品的“快体验”是指从用户使用产品某项功能过程中自然流畅的过程。在产品使用流程中体现在多个层面,如下载快、加载快、反馈快等。当任何一个环节出现了卡顿、停滞,让用户进入漫长的等待时,都会带给用户焦急、烦躁的感受,以至于终止当前的操作,或直接弃用产品。因此,“快”是良好的产品体验核心因素之一。“快体验”有多重因素组成,包括外部环境的网络速度,产品本身的技术能力,交互策略制定,快体验的感知设计等。我们分解用户一个事件的操作过程(发出操作指令前、执行过程、结果呈现),并针对每个环节总结的几个方法。网易有篇分享也是讲这个的,同学们可以看看:用设计为你的APP提速的6个方法提升APP品质,推荐阅读百度云UE负责人撰写的:丰富APP动态效果的六点原则一、发出操作指令前提前加载数据提前加载数据是在预测用户即将发出操作指令前,后台预先缓存到本地数据内容,待用户操作时,内容直接呈现。在正常的网络状态和用户操作频率前提下,用户几乎不用任何等待内容加载的时间。该策略适用于纵向浏览的信息流,比喻微博、朋友圈、应用市场的应用列表等。根据所加载内容数据量的大小,可决定是否仅在在wifi网络环境下执行该策略,同时只对文本数据做提前加载。新版的百度手机助手在应用列表的浏览操作时,就运用了该策略。当用户前天浏览内容不足10条时,后台自动加载更多。该策略极大的提高了用户的浏览效率。二、执行过程中,根据操作类型的不同有多种方法

7 次浏览
详细解析网页注册转化率的优化处理
详细解析网页注册转化率的优化处理

在广告着陆页上,注册转化率无疑是关系到许多部门业绩的一个重要指标。当某些页面的注册转化率不尽如人意的时候,我们通常需要通过多种手段来进行注册转化率的优化。以下是我们在工作中通过实际操作总结的一些小心得。理论派:行为层分析着重于快速找出功能/逻辑方面的问题情绪层分析则用于找到不易发现的设计/使用方面的问题结合上述两种分析的结论为原页面进行针对性KANO模型评估根据评估报告设计优化方案并测试>实践派

6 次浏览
触摸交互设计快速入门之手机篇
触摸交互设计快速入门之手机篇

当拇指和食指的操作习惯还停留在桌面时代时,应该如何进行交互设计?交互设计师Josh Clark为你讲解在移动端触摸屏的交互设计中,设计师应该如何思考问题,应该怎样打造“手指交互友好型”界面。伟大的移动端界面设计,要做的不仅仅是将视觉元素装进小小的屏幕中,还要考虑到交互问题。在触摸屏不断完善、市场占有率不断提高的背景下,越来越多的用户主用手指进行交互操作,关于手指的一些人机工程学,也应该作为设计的考量。新的交互形式,需要设计师不再局限于视觉和信息层级方向的设计,要把眼光放得长远,多多借鉴工业设计中人机交互的一些观点。触摸屏不仅仅是视觉交互,还包含了很多人机工程学的因素:用户在用手指操作时,感觉如何?针对触摸屏的设计需要深思熟虑,其中的一个问题便是:手指,通常在屏幕上的哪个部位进行操作?例如,单手持握手机,除非你的手指天生长得特别特别长,一般你都会用拇指进行点击操作。因此,对于手机来说,为触摸进行交互设计,主要针对的就是拇指。因为拇指,人类才具有具有精确的抓握能力,从而在进化中脱颖而出,成为智慧的物种,但在手机操作中,拇指的可控范围有限,缺乏灵活度。当然,如果你竭尽全力,拇指还是能够在整个屏幕上进行滑动操作的。但是在大屏手机上,拇指的可控范围还不到整个屏幕的三分之一——主要集中在屏幕底部、与拇指相对的另外一边。将主要操作目标放在拇指的热区。例如,当用右手持握手机的时候,拇指的热区如下图所示,在左下角呈现一个弧形。 这就是为什么,工具栏和导航条一般都在手机界面的下边缘——这跟我们在桌面界面中的惯例截然相反。这正是由于拇指可控范围有限导致的,在触摸屏上的界面设计与传统惯例相反,导航条和主要操作目标被放到了底部。

4 次浏览
共计26043条记录 上一页 1.. 2471 2472 2473 2474 2475 2476 2477 ..2605 下一页