-
分享5个视觉惊艳的网页设计思路
设计是一个不断发展和变革的领域,很多时候,看似熟悉的设计趋势会在下一刻摇身一变,再次惊艳到你。灵活的创意和开放的想法,常常能够使稀松平常的元素摇身一变,化身为惊艳的设计作品。这种点铁成金的成就感,大概也是许多设计师即使辛苦也会坚持下去的原因所在吧?今天,我们搜集了几个TubikStudio内的设计师作品,它们是不同业务目标下的产物,这些UI设计作品从配色到动效,无疑都是相当惊艳的。今天,我们透过这些案例,来聊一下优秀的UI视觉设计台前幕后的事情。1、凸显特点设计工作室的官网设计形体和色彩,到底哪个在设计中更加富有表现力?这个问题可能没有一个固定答案,这场在战争在设计领域当中已经持续多年,甚至会一直持续下去。这个设计项目是为一个室内设计工作室来设计官方网站,他们的主要业务是制作可视化的室内设计渲染图。他们熟知如何最大限度地借助设计工具来呈现室内设计的效果,在接到需求之后,我们决定使用全屏背景结合他们最擅长的3D建模,来展现高质量的室内设计能力和建模渲染效果。富有层次感的排版布局,让前后景的内容各司其职,关键的内容块也可以很轻松地被扫视。每个区块都有着醒目的标题,能够告知用户内容的属性。页面顶部的导航中呈现了品牌的LOGO,页面中相关社交媒体链接也非常清晰醒目。在这个色彩丰富的页面中,关键的CTA按钮是需要借助对比色来凸显,将用户导向特定的功能和页面。数字建模所带来的好处是更加沉浸式的场景,和更加易于处理的数字素材,这样一来,设计师也更容易处理,加入更加有效的动画效果。在这个案例当中,动效设计师让用户在滚动的过程中,看到条纹式的效果,使得页面的层次感明显,也暗示了这个设计工作室在视觉效果上的强大处理能力。此外,用户可以借助页面指示器快速切换页面,这一点也确保了整个网站在功能上的便捷和完善性。2、强化属性订购服务的网站页面设计对于出门旅行,绝大多数的用户都抱有着不小的期待。但是旅行本身并不轻松,需要订购酒店,需要购买机票和车票,租车,购买门票,同时旅行还意味着非常大量的活动。而这次的概念设计,就是围绕着预订服务来展开的。同样使用了3D建模来构建视觉,诸多和日常出行相关的视觉元素占据了左侧的页面,而右侧则是预订需要填写的表单内容。整个页面采用了更加富有活力的配色,降低用户填写表单时候的紧张情绪,清晰直观的页面布局,让用户无需四处摸索,可以直接开始交互。从标题到表单的条目都保有良好的对比度,可以快速扫视阅读,便于用户填写。向下滚动,用户可以了解这项服务的相关优势,特殊的功能,相关福利,以及更多的信息。每个信息都紧密围绕着一个主题来予以阐述,视觉化的元素被设计得非常吸睛,同时,和整体在风格调性上也保持着高度的一致。3、营造层次库布里克的作品网站今年7月26日,世界电影人都在庆贺著名导演库布里克诞辰90周年,同样身为库布里克粉丝的我们,也为他制作了一个相对优雅的作品网站。网站展现了他的荣耀之路,他的生活,以及他是如何进行创作的。整个网站的设计都是借助视觉化的设计来驱动用户不断浏览,交互不仅在上下左右布局上富有层次,而且在视觉纵深上做文章。作为一个产出过如此之多经典作品的导演,我们选取了对比度强烈、经典的红黑白三色来作为整个网站的主要配色,这一点非常符合他独特的定位和属性。戳这里查看这个网站。4、渲染氛围托儿服务的着陆页设计所有的父母在寻找托儿所和托管机构的时候,都希望他们的孩子获得最好的服务,找到能够给予孩子无微不至关怀的保姆。这个着陆页的设计是为名为Kiddy这个托儿服务提供机构所设计的着陆页。Kiddy致力于为用户提供服务良好的保姆,在这里雇佣保姆绝对称得上是小菜一碟。为了让整个页面足够可爱,风格独特有趣的插画发挥了极大的作用,搭配性格富有童趣的字体,让整个页面足够视觉化。与此同时,柔和的配色方案之下,文本和背景之间的对比度非常高,用户只需要扫视就可以轻松读取内容。整个页面包含了一个着陆页应有的所有组件:有过去客户的推荐内容,新用户可以和顶级、专业的托管人员直接连线沟通,相关的信息一应俱全。最重要的是,用户如果想直接雇佣保姆,甚至不需要翻页,进入页面就可以直接沟通。5、引人注意VR虚拟聊天室服务的网站设计我们很多时候会有脱离现实的冲动,还有什么比VR更具有沉浸式的体验呢?这个疯狂的想法催生出了VR虚拟聊天室的概念,更疯狂的是它还是基于Web平台来实现。明亮而带有迷幻特征的配色,引人瞩目的3D图形象征着现代技术。为了更好地演示,用户可以直接在第一屏观看,而无需滚动页面。主页提供了相关虚拟聊天室的介绍和模板链接,用户甚至可以订阅而定期获取不同的模板,进行升级。高饱和度的色彩和3D建模非常贴合目前虚拟现实给用户带来的体验,而极端醒目的色彩所给人的不真实感,相反更加强调了虚拟聊天室超越现实的特征。
-
国外akademia专科学校网页设计作品欣赏
##国外##akademia##专科学校网页设计##作品##国外akademia专科学校网页设计作品
-
每周网页设计灵感分享 N.031
在这一篇文章中,我们精选了20个与食物相关的网站设计,希望你会喜欢。这些网站的设计主体突出,大部分以暖色调为主,比如披萨、曲奇饼之类的;当然也有一些是走清凉风的,比如冰淇淋之类;还有与爱情相关的象征着甜蜜的粉色系糖果类,更有单页面食物制作流程的酷酷黑色系。MilanoilgelataioG7MyPizzaOvenGrab&GoSonhodeValsaDieMuffinManufakturMunchkinKitchenTheCupcakeFactoryBAWickedPalateTheSoupPeddlerFornoBonomiNature’sTableNaksfruuteKeithCaribouCoffeeMrs.FieldsFranchiseSmartiezchocriG’nosh0
-
每周网页设计灵感分享 N.024
在这一篇文章中,我们和大家分享一些优秀摄影师的个人在线作品站点。大部分摄影师都有自己的个人站点,用于展现自己的照片和信息,这些在线的作品站点,大都也包括照片作品,个人信息,联系方式等等。NickonkenCarlosalonsobodasRickardSundDanielweisserJonathanglinnSmithGavinGoughDaveHillEricRyanAndersonClaytonBozardCirilJazbecFredrikclementDenisRouvreMorganNormanTen18BrookPiferSimonPlestenjak0
-
20例网页设计草图和线框图
继上一次的《20个网页线框图分享》,我们继续和大家分享优秀的网页设计草图,或者叫做网页线框图。从设计师们最早的设计手稿中学习,更加实用的设计技巧。这种简单实用的方式,有助于设计师与程序元之间的沟通。素描:VIMEO对话思想绘制的线框设计工具–线框图模板BPG–UI素描精巧VIMEO剪贴页面顶部导航香草草案线框图UI素描设计策略“华盛顿邮报”–发布点网站草图微型网站草绘HBO真爱如血网站UserScape线框素描最后的注意事项早期的“商业周刊”素描VIMEO素描CommLogix线框素描0
-
Yahoo! London 2012 Games coverage
“TheOnce-In-A-Lifetimemomentsthathappeneveryfouryears.”ThisishowYahoo!describetheexperienceoftheOlympicsintheircurrentadvertisingcampaign.Icouldn’tagreemore.IrememberwatchingtheOlympiadssinceIwasakid.Momentsfullofemotions,peoplewhostandhigherthanallofus,colorfulpiecesofaunitedworld.IalsorecalldiscoveringYahoo!sincecyberspaceisagreatinterestofmine.Pagesfullofexcitement,peopleandgroupsforallmyinterests,linkstoacolorfulworld.Sothisisaseriesofillustrations,createdwiththewonderfulpeopleofYahoo!,andtheiradvertisingcampaignforthecoverageoftheGames.0
-
每周网页设计灵感分享 N.033
电子商务网站的设计一直是设计师们的课题,如何在页面中展现商品的同时,让浏览者留住脚步进而购买商品,优秀的设计,又同时能展现品牌的魅力。在这一次的分享中,我们和大家分享一些优秀的电子商务站点,希望会给你带来一些灵感。HiutDenimCoOliverSpencerEastworksLeatherCompanyx-doriaDitto/HardGraft7DiamondsMoMAStoreVisualSupplyGatherJeni’sSplendidIceCreamsTinkeringMonkeysaughtmyownbikeCappello’sLeCoqSportif&LeTourdeFrance2012VANMOOFBellaVitaNormannCopenhagen0
-
每周网页设计灵感分享 N.025
在这一篇文章中,我们和大家分享来自于互联网中的创意网站。希望这些特点突出风格迥异视觉效果震撼的作品会给你带来一些灵感。这些站点包括创意站点,平面设计站点,社会化站点,电影站点,音乐人站点,个人站点等等。HeidiLobensommer–PaintressandArtistX-DoriaSamuelEstevesKiwiNaturalTwomoreWeightandThingsEdpRenovaveis2011culturalsolutionsukWhyInteractiveShowreelNatashaStefanenkosuperChemicalEnjoysexanytimeanywhereBEECreativeCheesePleaseMalagäCréationQ-music–TitanicPostaWhiteboardhttp://whiteboard.is/360°LangstrasseZürichWebVideoProduction0
-
空白在网页设计中的应用
良好的设计需要呼吸的空间,也就是我们所看到的空白。空白是围绕设计元素,如图像,文本,信息图形等等,它使得使布局干净和精致。当然,空白也不一定真的是白色,它也可以是其他的颜色,甚至是比较鲜艳的颜色,但是它都是干净和优雅的设计。CoryGibbonsMettaSkincareWebydoBookshelfPlainwhiteBarleyBradHoganMusioHop.inBrightByteWho’syourSanta?CycleLuxSuki0
-
扁平化设计风格创意设计师个人在线作品集
这是一组扁平化设计风格的创意网站设计,是来自世界各地设计师插画家的在线作品集页面设计,或者你也可以称作互联网在线简历!你可以在这些个人设计风格鲜明的设计中寻找灵感!更多扁平化设计欣赏,可以参阅《扁平化设计风格网页设计欣赏》《创意设计欣赏扁平化设计风格》《扁平化风格移动UI设计欣赏》《扁平化设计风格免费英文字体下载》。RobbyLeonardiErikFordBradHaynesThrillbentAntoniaPowersGuyMoorhouseJonathanDaCostaOliLisherPeterFigasinskiDanyelPeralesLorenzoVerziniJustinAguilarBobGalmariniJanValosek2ndFloorEtchThomasSwellmannEdwardThringAngieWangZacharyTaylorKevinCannonRoyBarberAndreasSchusterClintTabone0