交互设计

交互设计 网站建设首页设计图文混排的技巧和方法

网站建设首页设计图文混排的技巧和方法

  网站首页是整个网站最重要的页面,同时也是考验设计师设计能力的重要考核标准之一,如果网站首页设计存在偏差,就会导致整个网站协调性不和谐。因此,我们在首页网站设计中就需要坚持整洁,美观大方。并且在网站首页还需要坚持图文混排的方式,设计出足够出彩的文字排版。只有这样才能把网站首页设计和制作的完美。网站首页设计如何制作,还有就是图文混排网站技巧和方法。下面濮阳网站建设就说说这其中的秘籍。  1、
交互设计 这10个思路帮你设计出简单易用的网页

这10个思路帮你设计出简单易用的网页

  编者按:极简主义的流行让越来越多的网页设计师开始着迷简单、简约的网页设计,CARRIE COUSINS 的这篇文章就帮你搞定这个问题~  坦率的讲,在网页设计这件事情上,简单的设计往往更好。一个简单易用的界面更容易为用户所掌握,也更容易将一个新用户转化为一个活跃用户。  面对庞杂的需求,许多设计师总会身不由己地向着复杂的方向来设计网页,那么到底要如何将一个已经比较复杂的网站简化下来呢?其实思路并不复杂,诀
交互设计 有意思!一个独立开发者总结的APP 迭代设计思路

有意思!一个独立开发者总结的APP 迭代设计思路

  这篇文章是一个独立开发者阐述自己App 迭代的设计思路,特别有意思,你可以学会他如何提升各种细节的用户体验。  Overcast3发布了,这是一个巨大的版本迭代,主要体现在界面的设计和流程。根据两年多的测试、使用和用户反馈,从上个夏天开始,我一直在为这个版本而努力工作。     我在2014年为iOS 7设计了Overcast1.0,这是一个具有时代标记的产品:使用了超细的字体和线,边缘锋利,全屏白色背景和半透明模糊的底栏,大部
交互设计 只要关注这6个点 交互设计师也能做好竞品分析

只要关注这6个点 交互设计师也能做好竞品分析

  今天我们来聊聊竞品分析,它并不是像人们认为的那样——有统一的模板,因为针对不同的岗位,做的竞品分析是不同的。所以本文聊的是:交互设计师如何做竞品分析。  竞品分析是对产品、交互从业人员最基本的技能要求之一,很多刚入行的产品汪、交互喵首先要做的都是竞品分析,一来可以考考你的底子,二来可以锻炼你的逻辑思维。虽然它是基本技能,但是它的作用却非常大。  那有什么作用呢?当你设计了一个功能,
交互设计 电商产品设计:购物车的产品逻辑与妙用

电商产品设计:购物车的产品逻辑与妙用

  1.购物车的妙用  购物车在实际使用中对用户来说,兼具着凑单、促销、收藏的功能。  1.1 凑单  在用户浏览详情页的时候,有两种选项:一种是立即购买,另一种是加入购物车。当用户本身需求较多,想一次购买多种商品,或者参与到优惠活动中(满减、满赠等),这时候会加入购物车进行凑单。  1.2 促销  购物车还有促销方面的功能,用于提高客单价。当有促销活动(满减、满赠)时,用户加入购物车之后,可以查看是否满足优惠
交互设计 分类导航设计4要素:场景、页面、品牌、商品

分类导航设计4要素:场景、页面、品牌、商品

  作为设计师的我们,在思考设计实现方案的时候一定记得从业务逻辑出发,多跟运营以及产品沟通,挖掘到更多的需求,这样才能更有效的用设计工具解决问题。  一般说来,在购物类的app中,用户想要到达商品详情页的路径有以下3种:  通过搜索直达商品列表;  通过分类导航;  通过运营设定的特定模块到达(比如促销活动和专区)。  这三种路径基本上就涵盖了用户购物的的3种心态:  第1种路径可以有效满足明确知道自己要买
交互设计 在交互设计过程中,你需要持续关注的五个问题

在交互设计过程中,你需要持续关注的五个问题

  认真对待交互设计过程中的每一个设计环节、每一个问题,是提高交互稿质量的基石。过程中的问题很多,需要我们持续关注并解决。  在从事交互设计工作的时候,我们心中总是会有类似于这样的疑问,比如说:工作从哪里开始;在过程中要注意哪些问题;针对过程中的问题,应该如何解决;最终的交互设计成果,应该以什么样的形式展现等。  交互设计的过程是一个产品从抽象到具象的过程。交互设计师需要将团队每个成员,尤其是产品经
交互设计 从事交互设计10年的总监 聊聊交互设计师的未来

从事交互设计10年的总监 聊聊交互设计师的未来

[email protected] :最近很多小伙伴问我,交互设计师的未来是什么?问题来自得到美国好学校HCI专业录取的学生,来自即将踏入交互设计岗位的年轻人,也来自想从其他岗位转到交互设计的小伙伴。问题集中在,交互设计师的未来是什么?交互设计会不会被淘汰?交互设计师的发展是什么?交互设计在未来一些年的前景如何?交互设计的专业能力如何进展?等等。  我不敢妄谈交互设计这个职业种类的未来,想从自己从事交互设计10年的经验,以及
交互设计 在交互设计过程中,你需要持续关注的五个问题

在交互设计过程中,你需要持续关注的五个问题

认真对待交互设计过程中的每一个设计环节、每一个问题,是提高交互稿质量的基石。过程中的问题很多,需要我们持续关注并解决。在从事交互设计工作的时候,我们心中总是会有类似于这样的疑问,比如说:工作从哪里开始;在过程中要注意哪些问题;针对过程中的问题,应该如何解决;最终的交互设计成果,应该以什么样的形式展现等。交互设计的过程是一个产品从抽象到具象的过程。交互设计师需要将团队每个成员,尤其是产品经理、项目经理
交互设计 广告Banner :20种高度可行、转化率高的设计思路

广告Banner :20种高度可行、转化率高的设计思路

Banner广告是快速高效的吸引用户的重要手段。Banner广告在网站中通常都占据着不错的位置,它们的转化率和它本身的设计优秀与否息息相关,最重要的是,它要能迅速的吸引用户的注意力,通过优秀的文案和视觉让用户立刻马上点击。今天的文章,我们通过一系列优秀的范例,帮你梳理Banner 广告的20种高度可行、转化率高的设计思路。1、聚焦LOGO如果你的LOGO本身设计足够优秀,那么记得将它放置在广告Banner的正中央。Buatoom 就将
交互设计 你可能忽略掉的Sketch使用技巧

你可能忽略掉的Sketch使用技巧

Sketch毕竟没有什么学习曲线,颇易上手,相应的也时常导致新手在一开始就忽略掉一些重要的、高频的使用小技巧,而将一些稍许费力耗时的方式一路沿用下去。这篇内容所针对的便是这样的情况。几乎没有进阶的要点,只针对初学的同学培养正确习惯,还望各位老司机们见谅。下面进入正文。关于对象、图层、画板的使用技巧1. 通过快捷键调整图形的形状选中图形,按住 Command 键,然后通过上、下、左、右方向键即可按1像素为单位调
交互设计 微交互的设计案例与思考(上篇)

微交互的设计案例与思考(上篇)

作为一名交互设计爱好者,在此抛砖引玉,用6类约30个案例供大家参考,本文先分享前面两部分,即为懒而做的设计和为等待而做的设计。设计师和初级产品经理面试常常被问及手机中的APP好在哪里,聪明的同学懂得事先准备,比如在网上搜索“XXX设计神细节”。然而,受国外UX设计趋势影响,今天国内有大量的产品设计方法论介绍(如《用户体验要素》五层模型,COOPER的用户模型和情景剧本,CUBI产品模型,以及近期火爆的服务设计)。但微交互的
交互设计 改版设计的思路(下):解决问题

改版设计的思路(下):解决问题

做改版设计大体思路很简单,只需要做好两件事:发现问题与解决问题。上一期(点击查看)我们做了改版设计的第一步──发现问题,今天我们来做第二步──解决问题!经过分析,我发现一个很有趣的事情,就是上期提出的问题与问题之间还有很多其他维度的共性,于是我再次分类,得到以下三种类型:1、规范统一类问题例如:文字、颜色、控件、图标有太多的不统一、不规范。2、设计风格类问题例如:图标、卡片风格陈旧。3、信息层级类问题例如:
交互设计 人机工程学在交互设计中的运用

人机工程学在交互设计中的运用

大家在做设计的时候都会遵循一些交互规范或者常用的一些规律,但是经常情况下,我们都没有深入的研究为什么这样定义这个数值,这个数值是否合理?如果没有严格的理论支持,在设计中直接运用一些规律,就有被挑战的可能。下面我谈谈几点我从人机工程角度分析的我们通常使用的一些数值。合理的文本长度我们随便打开一个web网页,或者拿过一份报纸,数一数会发现大多都是在40个汉字左右。这是因为每行文字过长会让用户阅读难度增
交互设计 10个步骤,了解新手入门过程的设计原则

10个步骤,了解新手入门过程的设计原则

新手入门是每个应用程序最重要的元素之一。很多时候,它的难易程度决定了用户是否会继续使用应用程序。在用户界面上,新手入门不仅仅是简单的5个介绍软件的页面或说明性的工具提示内容。下面我会使用最有趣的例子来描述新手入门过程的设计原则。1. 关注用户目标我们从一个简单的问题开始:我们用户的主要目标是什么?为什么他们使用我们的应用程序?(例如:Whatsapp的目的是将用户与他们的朋友连接起来。)用户为了实现自己的
交互设计 B2B 和 B2C 网站设计有什么核心差异?

B2B 和 B2C 网站设计有什么核心差异?

  B2B 和 B2C 的生意是截然不同的。在产品设计上,有些设计原则是通用的,比如都需要清晰明了的信息架构、简洁易懂的交互界面等等。但同时,两者也存在许多差异。  前段时间,我们团队针对一个线下活动的参会者做了一次回访统计,其中一个结果让我大吃一惊:  将近 70% 的参会者并不是自己付费买票的,而是公司掏的钱,然后,要么部门领导分派,要么自己申请参加。  这意味着什么?对客户的洞察不够深度,以及,导致在宣传策略上
交互设计 借助动效取悦用户的7种方法

借助动效取悦用户的7种方法

沿着这7个思路,你可以正确地使用动效取悦用户。当我们在探讨产品设计细节的时候,会频繁地提及“愉悦”这个词。必须承认,愉悦的体验,是优秀产品中所潜藏的魔法。在设计时候,如何构建出愉悦的体验,也是需要努力实现的核心要点。目前,在网站和APP这两类产品当中,设计师主要是通过动效和微交互来强化体验,其中动效所起到的作用至关重要。为何愉悦的动效很重要现如今,数字化的服务和产品已经深入到我们生活的方方面面,可以说各
交互设计 使用无序列表的7项注意

使用无序列表的7项注意

小圆点有助于分割大段文字,使得复杂的文章和博客更容易消化,突出关键信息。如何运用好无序列表?这篇文章提出了7个注意点。有时候,最好的信息展现方式就是无序列表。无序列表能吸引注意、便于浏览、简化文本,并且表达出项目之间的关系。网站不是一个适合长篇大论的地方。相比之下,网站的读者更喜欢文案以某种易于浏览的形式组织起来,能让他们轻松跳过大段文字,直达自己感兴趣的部分。有许多种网页文本格式的技巧,能够分
交互设计 5种方法提高网站的登录框设计体验

5种方法提高网站的登录框设计体验

  进步用户体会的最佳的办法,或许更确切的说让商品更棒,都能够归结为让用户运用商品的全部体会更为简略。而关于怎么进步登录进程的体会你有许多能够做的。这儿5种方法提高你网站的登录体验,首先会说到两种不一样的登录类型,紧接着咱们将会评论标签的主要性和资本占用的疑问。  登录类型  5种方法提高你网站的登录框设计体验  用户一般有两种不一样的办法来登录一个网站。最新的一个办法是经过某交际网站
交互设计 想剑走偏锋?试试这6种实验性的网页导航模式

想剑走偏锋?试试这6种实验性的网页导航模式

  虽然绝大多数的设计都遵循设计规则和用户的使用习惯,但是标新立异的设计仍然非常有市场。独特的设计更容易让人难忘,这一点是毋庸置疑的。在网页的导航栏设计上,也是如此。随着越来越多的网页开始采用加粗的非衬线字体置于网页顶部作为导航,许多有想法的设计师开始有意识的打破这一规律,别出机杼,采用不一样的导航模式。  当然,如果你的网站用户量大,并且需要尽量降低用户的使用门槛,遵循常规的设计更合适。如果你
交互设计 学会这5个技巧 避免你的作品被人用竞品评头论足!

学会这5个技巧 避免你的作品被人用竞品评头论足!

  雨涵Zoe:如果你是一名设计师,且经常参加方案评审的话,肯定听过这些话:  “这个地方怎么不借鉴X产品?”  “那个地方你不要借鉴Y产品,我一点也不觉得好用!”  “这个界面看起来根本不像这类产品的界面啊?”  ……  然后吵上N个小时还是无法说服对方。  最后领导出现,运气不好的话,一句话就可以让你回炉重造。  我以前就经常这样,有时感叹为什么大家都不相
交互设计 Twitter和Mastodon:谁在杀死你的心智?

Twitter和Mastodon:谁在杀死你的心智?

文/南七道创立 10 年Twitter,用 140 个字,改变了人们的表达方式和阅读习惯。但是经历过多次改版之后,Twitter早期的死忠粉怨言越来越多,,关于逃离twitter的讨论就有数万人参与。这已经不再是他们当初喜欢的那个Twitter了。于是不少科技公司都瞄准了这个商机,开始研发twitter的替代品,而Mastodon是其中最火的一个。在twitter改版后的短短两天内,Mastodon用户数就增加了73%,超过 4 万人涌入,新增推送超过 100 万条。因为疯
交互设计 网站设计:单页还是多页好?别争了,看这里

网站设计:单页还是多页好?别争了,看这里

  当你的设计是为了追随时尚潮流,而不是为了满足用户的目标为目的,那你的设计就出现问题了。接下来,我们分析下单页面和多页面网页的UI设计,以便于做出更好的设计选择。  现在,网页设计整体趋向于单页网站设计。这种趋势是由于对追求简单和速度的推动。简单的单页网站也是一种很好的响应式设计,并且可以适应所有设备。当然,也有很多情况下需要用到多页设计。比如,快餐网站Chipotle为了便于快速浏览菜单,使用的就是多
交互设计 沿着这7个思路 你可以正确的使用动效取悦用户

沿着这7个思路 你可以正确的使用动效取悦用户

  当我们在探讨产品设计细节的时候,会频繁地提及“愉悦”这个词。必须承认,愉悦的体验,是优秀产品中所潜藏的魔法。在设计时候,如何构建出愉悦的体验,也是需要努力实现的核心要点。目前,在网站和APP这两类产品当中,设计师主要是通过动效和微交互来强化体验,其中动效所起到的作用至关重要。  为何愉悦的动效很重要  现如今,数字化的服务和产品已经深入到我们生活的方方面面,可以说各种网站和APP已经成为我
交互设计 干货贴:Web后台设计易被忽视的组件技巧

干货贴:Web后台设计易被忽视的组件技巧

  尽管现在各家都将产品设计的重头放在移动端,但对于运营后台管理系统,仍然会将 Web 端作为自己的兵家必正之地。对于有着精细化管理,最小颗粒的维护自己平台商品、服务、企业信息的互联网产品来说。Web 端的大屏、易于录入读取数据等优势仍然是移动端不可取代的。那么在 Web 端产品设计中,是不是存在一些容易被我们忽视的技巧呢?  后台系统的设计原则和前台系统的设计原则几乎一致,虽然页面的动效、配色方面可
交互设计 以简书的网站改版为例 浅谈产品如何完成友好迭代

以简书的网站改版为例 浅谈产品如何完成友好迭代

  作者以简书网站的改版为例,简要的分析了产品改版中常见的一些问题,以及其中需要注意的一些点,与大家分享,希望大家能受到启发。  简书的网站发布了一个新版本,这个新版本改动非常大,同时也收获了许多差评(心疼产品和设计团队三秒钟)。同大多数用户一样,我也认为这个版本的改动并不算成功。但是今天我的重点并不是要抨击这个新版,而是从简书发布新版本的发布,讨论一些问题:  1、保留特色和遵循趋势哪个重要?  2
交互设计 用一个实战案例 教你学会复杂界面的布局设计

用一个实战案例 教你学会复杂界面的布局设计

  雨涵Zoe:很多产品的信息量很大,又因为各种各样的原因设计师不能对内容进行轻易删减。如果不好好整理信息,会让界面越来越凌乱。我从去年开始做的很多项目都是这种情况,于是总结了一套简单好用,又有理有据的为复杂界面设计布局的方法。  为了方便大家理解,我使用Facebook首页作为案例。  1. 把需要展示的信息都列出来  先不考虑信息之间的关系和顺序,大致列出即可。主要信息一定要列出,优先级较低的信息不用10
交互设计 新浪微博那些有趣的小黄脸表情是如何设计的?

新浪微博那些有趣的小黄脸表情是如何设计的?

[email protected] :距世界上第一个表情符号「:-」」的诞生已有34年,随着人们在互联网上沟通方式的变化,表情符号逐步成了一种刚需。作为各大APP标配的默认表情,虽无法与“妈妈的表情包”们相抗衡,但也靠着朴实耐用的品质一直发展至今,很多平台都拥有了自己的经典表情。那怎样将看似简单的默认表情做好呢?接下来就是此次小黄脸们整容过程的全揭露:  PART 1:WHY?  作为设计师发起的项目,首先要自我明确项目的
交互设计 2017年你最应该掌握的设计方法:谷歌产品设计的秘诀

2017年你最应该掌握的设计方法:谷歌产品设计的秘诀

典型问题有这几种:1. 我无法判断产品经理给的需求是否是真需求“明明要拉新用户,你却告诉我要把用户主页做的更漂亮一些”2. 我无法将用户研究的结论落地“用户明明就是不喜欢看文章,你却偏要我将文章展示出来”3. 我无法说服产品或者技术采用我的方案“明明是同事,评审的时候却要互相伤害”4. 我无法眼睁睁看着两个同事为了两种目标在一起怼“明明要优化互动区域,另一个人却在讨论产品的展示创新性”5. 我无法直视
交互设计 想让网页可读性更强?你得善用F式布局

想让网页可读性更强?你得善用F式布局

虽然网页排版方式千变万化,但是布局方式通常都遵循着几种常见的规则。在诸多布局方式当中,F式布局是可用性较强,且适用范围较广的一种。今天的文章同你来探讨F式布局在网页中的运用。F式布局的设计基础是用户扫视内容的时候,实现的运动轨迹和字母F相似,而布局匹配这种这种阅读方式可以让用户更快(Fast)地获取信息,因此得名为F式布局。F式布局从何而来?F式布局源于NNGroup的一项眼动研究项目,他们跟踪了超过 200 名用户