精华内容
下载资源
问答
  • 11个优秀的交互设计作品

    万次阅读 2019-10-13 16:40:30
    不管你做什么样的设计,一个在线交互设计作品集都是必备的。在大多数情况下,公司和客户根本不会考虑你是做什么工作的。虽然很多交互设计师可能认为自己的工作不能很好地以视觉化的方式呈现出来,但一个作品集对于...

    本文转自墨刀编译自Vanschneider的10 inspiring ux portfolios and why they work。

    不管你做什么样的设计,一个在线交互设计作品集都是必备的。在大多数情况下,公司和客户根本不会考虑你是做什么工作的。虽然很多交互设计师可能认为自己的工作不能很好地以视觉化的方式呈现出来,但一个作品集对于交互设计工作来说真的很重要。

    在交互设计作品集中,可以引导人们了解你的工作流程,分享你在简历甚至谈话都无法完全阐述出的细节。一个交互设计作品集将帮助面试官和用户都能更好地理解你的想法,以及你与众不同的地方。

    通过与Semplice(我的设计师作品集系统)的合作,我看到了很多例子,这些例子表明:即使是复杂的交互设计工作也可以漂亮的作品集的方式呈现出来。 我们可以去留意一些有才华的UI设计师的作品集,学习用可视化的方式来展现你的作品集,进而让人们对此留下深刻的印象。

    1. Kurt Winter

    在这里插入图片描述

    我最喜欢Kurt 的交互设计作品集的一点是:它看起来最不像是一个作品集。对于交互设计作品集来说,很容易塞满一些原型图,堆砌文字。 Kurt 确实分享了所有必要的细节,但同时成功地使它具有视觉吸引力。注意观察一下他的布局、图标和文本,这些都是值得学习借鉴的。

    在这里插入图片描述

    点击访问Kurt Winter的作品集

    2. Liz Wells

    在这里插入图片描述

    Liz Wells 是我们交互设计作品集的代言人。 她的作品集不仅让人眼前一亮,而且让人很容易理解她到底在做什么,以及她的作品是如何融入一个成功的最终产品的。每个案例研究都讲述一个具有相似结构的故事:

    • 项目摘要

    • 目前的任务

    • 用户体验的挑战

    • UX解决方案

    这使得读着很容易理解她从头到尾的方法流程。最令人印象深刻的是,她用了大量的图片来说明她的创作过程: 早期的草图,批注笔记,线框图。 许多这样的视觉效果都是简单地从笔记本上撕下来的,或者快速地写在白板上——这些视觉效果是任何UX设计师在随时随刻都能得到的。但 Liz 做的还远远不止这些,她拍摄这些笔记就像你拍摄印刷品一样,有互补的背景和可爱的小道具。她将最终产品的图片和视频呈现出来,让这个项目在屏幕上栩栩如生。

    在这里插入图片描述

    你可能会认为没有太多要展示的过程,尤其是策略和研究阶段,但是即使是头脑风暴的速记笔记也可能对你的交互设计作品集有价值。 将这些小片段保存在你的整个项目中,你会惊奇地发现这个故事在之后是多么的容易拼凑起来。

    点击访问Liz Wells的作品集

    3. Isa Pinheiro

    在这里插入图片描述

    与Liz的“幕后“式的案例研究相反,Isa Pinheiro在她的交互设计作品集中分享了精美的成品,并解释了她的工作如何影响最终用户。

    以她在日本铁路系统的项目为例。Isa在页面中嵌入了交互式原型,因此读者可以直接从她的产品作品集中体验成品。如果你没有从早期项目阶段分享的点点滴滴,这是一个很好的解决方案。

    在这里插入图片描述
    在这里插入图片描述

    (用墨刀做的交互原型,可以获取分享链接分享到作品集里)

    艾萨(Isa)还花时间在自己的作品集中添加了一些个人风格。看看她的两个独特的导航选项:一个是带有两个直接菜单项的全屏导航,另一个是每个项都配图的图像式导航。平滑的滚动和全屏封面滑块为她的交互设计作品集增添了视觉冲击。

    点击访问Isa的作品集

    4. Oykun Yilmaz

    在这里插入图片描述

    Oykun Yilmaz 擅长用一句话介绍客户并简要概述项目目标,从而使他的项目摘要简短而优美。 但是他会确保用精准的数字来呈现具体的结果,这往往是许多交互设计作品集案例研究都缺乏的。交互工作在人们看来似乎是抽象的,所以可以通过解释你的工作是如何产生实际影响的,让它具体化。

    点击访问Oykun Yilmaz的作品集

    5. Naim Sheriff

    在这里插入图片描述

    Naim Sheriff的主题对于读者来说看起来很简洁,使读者看起来很真实。 以他的Ideapaint案例研究为例,他在其中分享“设计探索”阶段的重要性,以及他通常如何进行。 甚至例出了在项目过程中问自己的问题,例如:“我们如何成功展示出相似产品之间的差异?用户怎么知道该为其的空间买多少油漆?” 随后,他们团队分享了解决方案。

    对于那些可能需要交互设计师,但又不了解内部术语和工作方式的客户来说,这样的交互设计作品集更加接地气。这样的作品集能让任何人,即使是招聘员(可能对设计一无所知)都容易理解你所做的工作。

    在这里插入图片描述

    点击访问Naim Sheriff作品集

    6. Sebastián Martínez

    在这里插入图片描述

    SebastiánMartínez 用单页作品集的方式带你了解他的作品。 他的案例研究很短,但是他做了很多设计师忘记做的一件事:他分享了他对最终产品的感觉。 “这是我感到自豪的最完整,最有趣的产品之一,”SebastiánMartínez谈到他的 Monkop Test Cloud 项目时说道。分享对工作的感受不会花费你的太多时间,但很有价值。

    在我们的“如何在X找到工作”系列中,我采访了顶级公司的设计师和招聘人员,只是询问我们如何能够在他们的设计团队中获得一份理想的工作。 他们中的许多人都说,他们想知道你对项目和结果的看法。 它给你的工作带来了深度,并给了我们一个进入你心灵的窗口。

    点击访问Sebastián Martínez的作品集

    7. Husam Elfaki

    在这里插入图片描述

    Husam Elfaki的交互设计作品集案例研究在第一段会介绍项目、目标和结果。但他并没有就此打住,把一堆照片扔在下面,而是将项目分解,解释项目的每一部分。

    不要想着放上图片你的读者能够理解它们的意思——花时间去写上标题或简短的摘要,解释你项目的来龙去脉。

    点击访问Husam Elfaki的作品集

    8. Kali and Karina

    在这里插入图片描述

    从概念到成品,Kali and Karina 的工作涉及到全流程。她们很少提到UX/UI这些字眼,但这都隐含在他们的案例研究中。从精心设计的用户旅程、黑白草图到高保真的原型图,她们像讲故事一样分享她们的项目。

    点击访问Kali and Karina 的作品集

    在这里插入图片描述

    (通过墨刀制作的高保真交互原型)

    9. Elliot Owen

    在这里插入图片描述

    Elliot Owen 呼吁人们注意特定的手势、互动和经验,这使他的项目取得成功。以他的 British Airways 为例。

    在这里插入图片描述

    他展示了小的功能或特性如何对项目产生重大影响。 而且他在合适的地方使用的GIF,不是为了让观众眼花缭乱或分心,而是准确地展示了他的交互设计项目的工作方式。

    点击访问Elliot Owen的作品集

    10. Veda Dsiljak

    在这里插入图片描述

    Veda Dsiljak的案例研究几乎就像是产品营销页面,他们的作品销售得如此出色。不只是用产品或项目的标题来命名页面,而是为它们撰写一个性标题。它们的作用就是一开始就引起人们的兴趣。 他在每个案例的结尾都添加了原型的下载链接,以便读者可以亲自体验。

    点击访问Veda Dsiljak的作品集

    11. Jason Yuan

    在这里插入图片描述

    我们以上分享的一些示例是允许你在作品集上直接跟原型进行交互,但 Jason Yuan 是使用带有鼠标操作轨迹的视频来可视化体验。通过这种方式,他能引导读者无障碍地明白产品的使用过程。

    年轻设计师们可以学习这一点:Jason为Apple设计的作品是自发的重新设计,但设计是如此详尽周到,感觉就像是真正的客户作品。 自发的重新设计是一种很好的方式,可以在你的职业生涯初期或你希望进入新的设计道路时展示你的技能和兴趣。 我总是建议说不要给像苹果这样的大公司进行自发设计,因为它们已经是一个成熟的知名品牌,这太容易了。 不过对于Jason来说,他成功做到了对FastCoDesign,Next Web,Mic等产品的设计。

    点击访问Jason Yuan 的作品集

    在创建交互设计作品集时,就像在日常工作中一样,需要深思熟虑以及具有战略性。 花一些时间来解释你的流程,让你的读者了解你工作的每一个步骤,并说明它是如何产生影响的,这样你的交互设计作品集就能被记住了。

    ————————————

    展开全文
  • 在上一次的专题文章中,我们为大家整理了2019年4月份的优秀网页设计作品。今天,我们将继续为大家整理5月份以来Dribbble和Awwwards上面的优秀作品。 1.Innovative Energy Service Website 替代能源和可...

    在上一次的专题文章中,我们为大家整理了2019年4月份的优秀网页设计作品。今天,我们将继续为大家整理5月份以来Dribbble和Awwwards上面的优秀作品。

     

    1. Innovative Energy Service Website

     

    Innovative Energy Service Website

     

    替代能源和可持续建筑的问题是现在最热门的问题之一。由此,也产生了多种创新和新产品。 Tubik提供的这个网页设计的主题是提供新时代可持续能源生产、消费,甚至分配社区需求的服务。网页中插画风格、卡片设计和画面切换动效的创意结合产生了非常奇妙的效果。

     

    相关阅读:让我们谈谈网页设计中的卡式设计

     

    2. RayBrown / Contemporary Abstract Art

     

    Ray Brown/ Contemporary Abstract Art

     

    Mike是一位平面设计师,他的强项是创建以用户为导向的网页设计。他的设计中常常融合多种创意元素,鲜艳的色彩、几何图形、线性字体、插图和图标等等。

     

    3. Backpacks

     

    Website design inspiration – Backpacks

     

    这是一个双肩包主题的电商网页设计,色彩明丽,风格简约,整个界面非常干净。没有过多的文字和图片干扰,让用户在商品上集中注意力,有助于提升转化。

     

    4. H -Startup Listing

     

    Website design inspiration – H -Startup Listing

     

    H-Startup Listing是一个查找初创企业名录的网页。在这里你可以搜索到不同行业,不同等级和不同人数的企业名单。简洁的页面设计为设计师获得了不错的点赞和浏览。

     

    5. Stellar Web UI Kit II

     

    StellarWeb UI Kit

     

    Stellar是一个UI工具包,包括20多个精美的界面,现代、简约而独特。所有的界面包括预订机票,发现地点,博客,酒店预订,旅游和航班搜索。

     

    相关阅读:11款美观实用的Material Design UI工具包

     

    6. Bubble

     

    Website design inspiration – Bubble

     

    7. Ico -Social Profiles

     

    Website design inspiration – Ico -Social Profiles

     

    Iconosquare是一个社交增长工具,通过特定的方式和一流的管理工具帮助客户发展他们的Instagram和Facebook账户。这个网页提供了2种风格,一种支持深蓝色和Gt Walsheim字体系列,另一种支持带有圆形字体系列的ico蓝色。

     

    8. True Ventures Web

     

    True Ventures Web

     

    True Ventures品牌的每个元素都基于公司的核心支柱,信念和价值观。这些元素既突出了品牌形象也塑造了品牌的视觉表现。重新设计后的网页更加注重战略和视觉上的转变。

     

    9. Rem.com

     

    TrueVentures Web

     

    REM的设计特色在于它优秀的层次结构和元素构建。

     

    10. Discover Page

     

    Discover Page

     

    Fireart Stutio是一个专门为初创公司和世界领先品牌设计和开发数字产品的网站,他们提供的服务包括产品设计,品牌设计和动效设计。Discover Page采用了横向排列的卡片式设计,整个页面淡雅清新。

     

    11.Lusion

     

    Website design inspiration – Lusion

     

    Lusion是一个实时,以发展为重点的创意工作室,与创意机构和设计工作室合作,为用户提供出色的实时交互体验。亮点在于随鼠标移动的交互和动态页面效果。即便页面设计非常简单,但有动态交互背景的加持,整个网站也不让人觉得单调。

     

    12. Muraflex

     

    Website design inspiration – Muraflex

     

    Muraflex是一个打造办公室建筑设计的网站,将平面图转变为优雅的建筑空间。将可拆卸玻璃办公墙系统创造了一个卓越的工作环境,为客户创建舒适的办公环境。整个网页设计采用横向轮播和纵向分屏滚动展示。每一屏的设计都散发着极简风格的美。

     

    13. Few and Far

     

    Website design inspiration – Few and Far

     

    Few and Far是英国的一家工程设计的网站。平面风格的网页设计,配合视差滚动与分屏设计,恰当的介绍并展示出自己的设计作品,为用户介绍自己的业务。

     

    14. Findingctrl

     

    Website design inspiration – Findingctrl

     

    Findingctrl是一个为展望未来互联网而制作的网页,介绍了互联网的前世今生。每个部分由一个常用快捷键串联并介绍与之相应的互联网故事。对于科普互联网知识而言,这是一个非常好的渠道,并且出色的设计也能成为广大设计师的灵感源泉。

     

    优秀网页设计工具推荐:

    1. Adobe XD - 一站式UX/UI设计平台,配合摹客iDoc XD插件,支持设计师和开发工程师完成无缝式交付。

    2.Sketch - 优秀的Mac端设计工具 

    3.iDoc - 新一代的产品协作设计平台, 三款主流设计工具插件(PS/XD/Sketch),解放设计师和开发工程师

     

    展开全文
  • UI设计优秀作品具备哪些要素?简单来说,清晰明确的界面设计,简洁大方的设计原则,符合用户的使用习惯,保持整体一致的风格,增加质感和美观,提升页面响应速度等等都是UI设计佳作所必备的设计原则。下面就来详细看...

    UI设计优秀作品具备哪些要素?简单来说,清晰明确的界面设计,简洁大方的设计原则,符合用户的使用习惯,保持整体一致的风格,增加质感和美观,提升页面响应速度等等都是UI设计佳作所必备的设计原则。下面就来详细看看这些UI设计原则到底是什么。
    在这里插入图片描述
    1、清晰明确的界面设计

    清晰的界面,往往会给用户留下深刻印象。一个UI设计师都必须准从的准则。模糊不清,主题不明确的界面是不会引起用户喜欢的。模糊的网站界面,会给用户以混乱的错觉,这样会很 容易引起疲劳。我们可以想一想,一个让用户反感的UI设计,是不是一件失败的作品呢?因此,UI第一要素就是建立清晰界面的思维,从而将这种思维应用到实 际开发之中去。这将会在很大程度上提高用户体验。

    2、简洁大方的设计原则

    UI设计清晰是第一要素,但是光靠清晰的界面还远远不能称得上是一件好的产品。一个好的UI设计,不仅具备清晰的界面,还要给用户以简洁的感觉。用户的第一印象是非常重要的。而简洁的UI设计原则会让用户在最短的时间内找到自己想要的内容,避免用户在繁杂的内容中不断探索。现在很多的站点都已经意识到了这一点,很多站点进行改版,就现在的形势而言,扁平化是UI设计应该考虑的一种方式。

    3、符合用户的使用习惯

    符合用户的使用习惯,就是给用户以熟悉的感觉。当然,这并不是说,让互联网中的所有站点都统一风格,统一样式。这样未免也太缺乏创新,太枯燥无聊了。不用想,这当然是不可能完成的任务。所谓符合用户的使用习惯,主要是指在UI设计的过程中,要遵守一定的原则。虽说创新是前进的不竭动力,但是脱离用户的创新就是一种倒退和失败。这里符合用户的使用习惯,是指大家都非常熟悉的操作,你不能刻意的去改变。比如:有下划线的指的是超链接,你总不能颠倒过来吧?因此好的创意不是随意改变用户的使用习惯,而是让用户在使用产品的时候,可以更加方便。

    4、保持整体一致的风格

    UI设计有一个很基本的设计原则,就是整体要有一个统一的风格。比如,首页是扁平化的,那么最好栏目页以及内容页也要开发成扁平化的。总之,整体的风格一定要统一,这其中不仅包含了颜色的搭配要统一,而且字体、布局和风格等等因素也要统一。之所以在UI设计中要保持一致的风格,这完全是站在用户的角度来思考问题的。只有保持统一的风格,才不会让用户在访问页面时产生混乱的感觉。另外,这也是设计审美的要求。

    5、增加质感和美观

    美观度,顾名思义,就是整体UI设计的美观程度。美观度越高,用户就会爱不释手。在这个问题上,“质感”是提高美观度的一个秘密武器。在UI设计中加入“质感”,这会让你的站点更加不同,更加完美。总之一句话:美好的事物总是会让人心神向往。而增加美观度,就是让产品成为美好事物的必备条件。

    6、提升页面响应速度

    在很多UI设计者心中,UI设计只是一种关乎用户界面的问题,与页面响应速度毫无关联。在一定意义上,这样的想法是错误的。说到这里,我们再来复习一下UI的定义:UI就是用户界面英文单词的缩写。而UI的最终目标是提升用户体验,二提升页面相应速度则是用户体验中必须要注意的东西。所以,作为一个UI设计师而言,页面相应速度也是在开发过程中必须考虑的一个重要点。

    以上就是我总结的优秀UI设计作品需要具备的六要素。这些UI设计佳作的设计原则不是刻板的条条框框,而是需要自然地融入UI设计产品之中。优秀的UI设计产品可以各具特色,但一定遵循了上述的设计原则。

    展开全文
  • 这篇文章收集了30佳美艳时尚的网站设计作品,其中大部分是销售时装产品的电子商务网站,这些网站搭配有非常美艳的图片,吸引用户购买相关产品。设计师们可通过优秀的作品来获取灵感,进而设计出更精美的网站作品,...

      这篇文章收集了30佳美艳时尚的网站设计作品,其中大部分是销售时装产品的电子商务网站,这些网站搭配有非常美艳的图片,吸引用户购买相关产品。设计师们可通过优秀的作品来获取灵感,进而设计出更精美的网站作品,一起欣赏。

     

    michellehunziker

    shoprevolution

    fashionphotography

    socialwear

    bokicabo

    goliathsportswear

    hair-makeup

    everlane

    bensherman

    tatchies

    diesel

    carolinewiseman

    pauleka

    paulsmithjeans

    supremebeing

    newgothamnyc

    carhartt-wip

    lecoqsportif

    luladesigns

    timberland

    editerjournal

    vertu

    woodandfaulk

    showstudio

    versacecollection

    cxxvi

    stellamccartney

    massimodutti

    pepejeans

    obeyclothing

    manufacturedessai

    您可能还喜欢

     

     

    英文来源:31 Very Beautiful Fashion Websites

    编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

    转载于:https://www.cnblogs.com/lhb25/archive/2012/07/09/31-beautiful-fashion-websites.html

    展开全文
  • 版式设计优秀作品欣赏 设计过程 (DESIGN PROCESS) I’ve always found side projects to be fun, because they enable me to think outside the box about an existing solution, step into a field I’m unfamiliar...
  • 一个公司的品牌宣传,一个产品的宣传都需要设计海报。那么海报设计要想给一个商品起到很好的宣传作用需要注重哪些问题呢?一起和苏州学码思小编学习一下。 1,创意:构图就是要解决图形、色彩和文字三者之间的空间...
  • 引领网页设计潮流的优秀网页作品赏析
  • 电商网站往往需要更精细的设计才能吸引用户转化和购买,一个优秀的电商网站既要保证产品展现的完整性,又要符合用户体验,再加上精美的UI设计那就更完美了,但同时对设计师的功力是很大的考验。以下26个电商网站设计...
  • 精于原型设计的墨刀,在上个月邀请所有精于产品搭建的刀友们报名参加「墨刀产品设计素材大赛」,分享他们的创意,展现自己的才华。 经过整整一个月的作品征集期,我们从报名的 501 名刀友手中收集到了 246 份有效...
  • 基于c语言编写的超市管理系统,内含增删改查四项基本功能,系统可以储存商品的商品名称,商品价格,商品条码,生产日记以及数量等信息,大学生课程设计优秀案例
  • 10款优秀产品包装设计欣赏!

    万次阅读 2017-07-28 05:01:31
    何为优秀,第一要与众不同,第二历久弥新、百看不腻。下面就一同来欣赏下10款优秀产品包装设计吧!
  • 本文分享了12个创意进度条设计,多为Dribble上的作品,点击图片即可查看原作品,同时附上了案例分析—蜗牛进度条的设计步骤,希望能对你有帮助。   什么叫进度条?   进度条即计算机在处理任务时,实时的,以...
  • 每天都有很多新的网站推出,其中不乏一些设计优秀作品。这个系列的文章,我为大家挑选了2012年赢得 CSS Awards 大奖的50个最佳网站。这些鼓舞人心的网站作品代表了网页设计的最高水平,相信你可以得到很大的启发...
  • h5优秀作品欣赏

    千次阅读 2020-10-20 14:00:19
    都说好的创意是有生命的,有灵魂的,下面是我整理的一些h5优秀作品,微信h5创意案例,希望这些案例可以让喜欢H5的你融入进来。 一、摄影大赛 定格美好,把春天写成诗,藏在镜头里。美好的东西用镜头记录下,让美好...
  • 作为一个刚入行的交互苦逼女,最烦恼的事情是如何解决“iPhone原生的界面控件无法满足产品日益增长的功能需要”这个大矛盾。一方面,如果保守地采用传统的iPhone控件,不能给产品带来太多的创新...在影视作品中,场景与
  • 产品设计流程

    千次阅读 2018-12-18 11:28:18
    在互联网产品开发阶段,通常要经历以下几个典型阶段:确定用户需求和产品目标、概念设计、原型设计、界面设计、信息设计、视觉设计、前端开发、用户体验测试、产品完善、产品发布等过程。当然,这些阶段的划分有时是...
  • 产品设计师常用网站

    千次阅读 2016-05-24 10:56:15
    好的产品设计师首先要有好的素材积累,才能涌现出动人的作品。下面是我整理出来的常用的网站。希望给大家带来帮助。(打不开请挂VPN) 寻找灵感类的优秀的艺术家靠的是借鉴,但伟大的艺术家靠的是‘窃取’。所谓站在...
  • 好的设计关乎过程,而非产品本身。这篇从国外进口的译文集结多位大牛的智慧,不浮于表面的技巧与操作,深入窥探设计的过程,从创意到执行都有非同一般的思路见解,特别是正在上升期/瓶颈期的设计师,这篇文章就是为...
  • 摘要:本文是对外文《 Better Product Pages: Turn Visitors Into Customers 》的翻译,编译内容如下: 展示产品、服务的方法是其获得成功的关键。在Web上,你留给用户的第一印象是至关重要的。 如果有人访问你的...
  • #精选页面设计图形设计产品设计 自古人类就痴迷于各种几何形状,它们出现于各种古代文明的壁画、文献,启发了文明,催生技术,丰富了文学艺术。圆形的结构,线条的交汇,稳固的三角,无数次地出现在我们的文本...
  • 八个移动产品设计必备网站

    千次阅读 2012-06-06 16:25:17
    移动产品设计人员一定需要大量的使用其他各类应用,并且需要在产品设计时大量参考其他的移动应用的产品设计,这时如果有一些网站可以将很多优秀应用的不同流程分类展示,那一定是移动产品设计人员必备的网站!...
  • 除了一/二/三等奖的获奖者,我们还有以下获得**「优秀奖」的小伙伴,墨墨姐选摘了他们的一些交互动效作品**晒出来供大家欣赏! 优秀奖 获奖者(10名) 陈默 刘少立 Dr.Jason 娄宁 何丽芝 魏威 杨敬之 陈仁校 刘钰德 ...
  • 信息安全竞赛优秀作品介绍1

    千次阅读 2015-03-01 18:54:59
    信息安全竞赛优秀作品介绍1特别声明:本文中所有信息均来自于互联网,本文仅供在校大学生个人学习信息安全知识,不可用于其他用途。转载本文须声明来源,并引述本声明,以尊重竞赛作品作者的权益。2014年在海军工程...
  • 50个优秀手机界面设计

    千次阅读 2015-02-05 16:35:46
    一个优秀界面设计中重要的两点的就是产品本身的UI设计和用户体验(UE/UX),只有这两者完美融合才能算作优秀设计作品。目前用户对手机界面设计的要求也是很高的,我们知道应用市场很多APP功能差不多,但我们使用的...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 17,670
精华内容 7,068
关键字:

优秀产品设计作品