<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          首頁

          神秘的印度,每幅作品都是設計配色的模板?!

          seo達人





          五彩斑斕的印度設計

          每幅都是配色模板


          眾所周知,印度是一個五彩斑斕的國家,在印度無論是哪一個角落都隨處可見各種色彩,人們身上的服裝、不同的廟宇、裝飾物,甚至是運貨的大卡車也是五顏六色相互交織。雖然人們每每是將眾多顏色組合在一起,可是看起來卻不會讓人覺得雜亂,這就是印度色彩的奇妙之處。


          Diwali Playing Cards Gift Box




          印度色彩為何強烈?

          不全是宗教因素!


          色彩與人類的生活息息相關,不同的色彩選擇主要取決于地理環境和宗教文化的影響,而最初色彩的選擇似乎受到自然地理環境的影響更大。20世紀70年代,法國色彩學家讓·菲利浦·郎科羅(J.P.Lenclos)認為不同的地理環境直接影響到人類、習俗、文化等方面的形成和發展,這些因素又共同導致了不同的色彩表現。



          一般認為,地理位置位于低緯度的熱帶地區的民族,喜好顏色鮮艷、偏亮且純度高的顏色。因為熱帶地區紫外線強烈,亮色衣服則能起到一定的防曬作用。而印度大部分位于熱帶地區,氣候環境比較炎熱干旱。因此,印度的多彩也可以理解了。


          印度紗麗裝置藝術展


          不僅是服飾,連建筑也五彩斑斕。比如拉賈斯坦幾乎是印度旅游的名片,這個國王之地擁有豐富的歷史文化遺產和人文景觀,而四座色彩之城——杰伊瑟爾梅爾、焦代布爾、烏代布爾、齋普爾——則是拉賈斯坦最有特色、最富魅力、最容易讓人流連忘返的城池。


          黃金之城——杰伊瑟爾梅爾


          藍色之城——焦特布爾


          白色之城——烏代布爾


          粉色之城——齋普爾





          五種印度色彩的含義

          如何在設計中呈現


          對印度人來說,在宗教和文化中,顏色承擔著很重要的角色,蘊含著非常深刻的寓意,有著超越裝飾價值的意義。印度的藝術家以神袛及其著裝的顏色來表征其品性。顏色的合理使用可以營造一種氛圍,置人于一種歡愉的心境。印度的五種代表顏色有什么寓意,又如何在設計中體現呢?往下看你就知道!


          藍色:勇敢、剛毅、堅定



          印度人認為,造物主創造自然的時候用得最多的就是藍色,天空、大海、河流湖泊,因此藍色代表著勇敢,剛毅,堅定。藍色也是能應對復雜事件、冷靜的神袛象征顏色,羅摩神(Lord Rama)和克利須那神(Krishna)畢生致力于保護人類和打擊邪惡,正因他們的勇敢精神令人們欽佩不已,因此藍色也成為象征他們的代表顏色,也代表著人們對兩位神明的尊敬之意。


          Lord Ram Wallpaper

          01

          印度卡車藝術日歷 2023

          Yukta Gupta(印度)


          印度的卡車是集有趣的標語、五彩斑斕的顏色和無數令人眼花繚亂的裝飾品于一身的迷幻展示。在印度,卡車融合了藝術和商業,卡車司機在車上花費的時間和精力,是他們把卡車當作自己的家和禮拜場所的原因,他們把卡車裝飾得像個新婚的印度新娘。


          因此,設計師Yukta Gupta決定將印度傳統圖騰與卡車結合成一個年日歷,主色調為藍色,也是表達了對卡車司機和印度傳統習俗的敬仰,寄托了印度人民美好祝愿。









          02

          Spotify Mural Design

          Mechi Co. Design(印度)


          壁畫是為辦公室的安靜空間或者重點區域定制設計的作品——工作人員如果需要一些“獨處空間”,他們可以專注在這個區域。這個項目是印度設計工作室Mechi Co. Design與Spotify合作,為印度孟買的Spotify辦公室繪制壁畫。


          壁畫設計概念是“包裹在音樂中”,工作室認為通過音樂進入思想,即是進入我們自己的焦點空間。 壁畫主要視覺元素是一個人進入音樂世界的剪影。










          綠色:

          和平和歡愉


          綠色代表著和平和歡愉,它可以使人內心平靜。這種顏色乍一看起來可能是冷色調,但卻又讓人感覺舒服,同時它也是自然的象征。對于印度人來說,首飾是日常生活中不可或缺的裝飾品,印度婦女們特別喜歡用綠色,紅色,珊瑚色這些艷麗的色彩做飾品。


          abstract art tri color of India flag


          個人3D作品

          Khyati Trehan(印度)

          網站:https://khyatitrehan.com/



          BranD NO.62《畢業之后:設計師成長計劃》中,我們很榮幸采訪到這位來自印度的女性設計師兼3D視覺藝術家,Khyati Trehan認為印度的獨特在于其多樣性,因為每天都會遇到與她有著完全不同人生的人,才會進而促使她在設計中終生踐行同理心。她也會經常在ins上把生活中的思考創作出來。


          Khyati的作品力圖使無形的概念變得具體,注重質感的呈現,富有感情又不失俏皮,經常在事物的邊緣探索視覺的可能性。



          PAPER FLOWERS

          PALMWOOD: CO-CREATE & CONNECT

          TRASH






          3D視覺藝術作品:Ecotherapy


          02

          Forestscaping Identity

          Pratyush Gupta(印度)

          網站:https://swarpeti.com/


          植樹造林有助于將貧瘠的土地開發成美麗的自然景觀,有助于實現生態保護目標。土地被恢復到自然狀態,便可以作為一個原始森林,一個鳥類棲息地,一個開花的奇跡,一個冥想的荒野或一個私人自然保護區。


          Forestscaping視覺識別的核心是一個自信和優雅的葉子標識。一片小小的葉子從logo的G中發芽——微妙地提到了森林和葉子的最初的聯系。靈感來自印度部落藝術,一個動態的插圖語言融合了森林,動物和人,創造出各種各樣的森林景觀。










          黃色:

          知識、冥想、秩序


          黃色是知識和學習的標志。它象征著冥想、能力和心智的發展。印度有不少人信奉毗濕奴,他是天的“維護”之神。依照印度教說法,毗濕奴(Vi??u)以迷惑羅剎等惡鬼神,維護世界的秩序。而毗濕奴身穿的則是黃衣,象征著他為知識的化身。


          art vi??u via.Marina Diulina


          01

          Fresty

          Rhea Jain(印度)


          印度平面設計師Rhea Jain為飲料品牌Fresty創造了概念性包裝設計,這是一種將傳統飲品變為爽口提神口味汽水的方法,旨在抵御炎熱的夏季。從經典生姜到濃郁芒果的口味,這五款蘇打汽水飲料所帶來的驚喜是無與倫比的。然而,雖然飲料本身的口味呈現出相當奇妙的感覺,但包裝風格卻是偏傳統和懷舊。包裝正面的幾何元素設計簡約而醒目,這樣盡管整體使用了柔和色調,并不會因此而削弱產品口味的興奮感。








          02

          Alikemom Brochure Design

          Parth Gupta(印度)

          網站:https://builtbydezine.github.io/portfolio/


          Alikemom是印度班加羅爾的一家創新食品公司,專注于向遠離家鄉的年輕人提供有媽媽味道的食物。Alikemom需要一本宣傳冊來宣傳他們品牌和提供的服務,同時強調其背后的價值。設計保持簡單而有吸引力,注重品牌價值,使用亮眼的色彩和醒目的字體。







          白色:

          純粹、睿智


          作為七色的混合——白色,它不同程度地象征了每一種顏色的品性。白色則是純粹、整潔、睿智的象征,印度亦隨處可見粉刷白色外墻的廟宇。



          01

          Pune Design Festival Rebrand

          Atharv Kotkar(印度)


          來自印度的設計師Atharv Kotkar將匯集了一群塑造全球設計生態系統的優秀設計師的普納設計節作為案例研究分析。這是每個人都不可錯過的設計盛典。設計師用黑白色調作為主視覺,混合了不同領域和專業的邊界,在此尋找超越自己的機會。








          02

          二次創作知名品牌

          Kunel Gaur(印度)



          Kunel Gaur是一位來自印度的藝術家,同時他也是Animal advertising agency的創始人,他決定將一些知名的全球品牌,轉變為一種看起來原始且未經修飾的樣子。Kunel Gaur試圖通過這樣的嘗試,來傳達這種極簡主義的品牌傳播方式。


          當中包括的都是我們熟悉的品牌:可樂和KFC的包裝設計由鮮艷的紅色換成黑白設計,薯片、巧克力和雪糕等令人垂涎的零食也由原本吸引人的顏色轉為黑白設計。跟我們日常見到的大相徑庭,同時色調也調配得十分好,宛然一件藝術品。









          紅色:

          生命、活力、熱情


          藏紅色代表著生命、活力、朝氣和熱情,它是火的象征,由于不純潔之物一般以火焚燒,所以這種顏色同樣亦是純潔的標志,也象征著宗教上的節制。它是圣者和退隱的苦行者的顏色,紅色表達了對光明的祈求。


          REALITY BEHIND INCREDIBILITY


          01

          KICKIN

          Yash Tambe(印度)

          INS@tambe.psd



          Yash Tambe是一名來自印度的建筑系學生,但他對平面設計也十分有興趣,KICKIN是他的個人項目,兩年前深受希臘雕像和雕塑的影響,他設計了這組海報。Yash Tambe故意破壞畫面平衡感,制造出緊張感,還融合文字與視覺圖像進行版式設計,通過撞色和文字排版,展現平面的動感。







          02

          Gift Box of Indian Spices

          Meno Melo Studio(印度)


          盒子的印花圖案來自古印度藝術,如Gond、Pichwai和微型印刷藝術。這些藝術形式在平面的設計中具有平衡感和對稱感。它還以裝飾形式描繪了自然元素,紅色等亮眼色彩的印度藝術圖案總是有節日的氛圍。






          印度人愛好和平、熱情善良,他們喜歡將所有美好的東西都與人分享,他們用豐富的色彩贈予對方祝福,希望每個人在印度設計師的作品里能看到不一樣的印度。



          編輯 | 馬君琳   

          圖片 | 源自設計師網站及網絡

          原文地址:站酷

          作者:BranD雜志

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系01063334945。


          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



          交互設計:如何做到驚喜?

          seo達人

          01
          交互設計的驚喜,是什么?

          之前的文章,有簡單定義過交互設計的“驚喜”,即為:超出用戶預期,并讓用戶開心。

          具體而言有兩類,分別是:小驚喜、大驚喜。

          1 小驚喜

          所謂小驚喜,是指一些頗具趣味性或人文屬性的交互設計小細節。


          先說趣味性。常見的有兩類,第一類是比較好玩的動效,第二類是一些小功能。第二類有時也會包含第一類。

          動效這塊,大家比較熟悉的,有 iPhone 上刪除應用前圖標的抖動,仿佛是嚇的發抖,也可能是在搖頭求饒;還有移動端登錄 B 站、輸入密碼時,動畫人物的捂眼捂臉動作。

          (B 站登錄頁面)

          小功能這塊,也可以分成兩類。一類是隱藏的小功能,一類是有趣的小功能。


          很多隱藏功能,頭幾次用的時候,多少會有一些驚喜之感。

          比如在訂閱號消息列表頁,某個公眾號你已經幾個月沒看過,對它失去了興趣和信任。這時,嘗試長按這個公眾號的頭像或名稱,會呼出一個包含“刪除消息”和“取關”功能的彈窗。

          (訂閱號消息列表)

          還有些隱藏功能,既能讓用戶覺得驚喜和方便,又能引發用戶思考。這種思考,可能會讓用戶感嘆設計之妙,也可能也會給用戶一種猜對謎語的欣喜之感。

          比如用墨刀的時候,嘗試按數字鍵 1,會呼出“內置組件”這個使用頻率非常高的功能,會讓人覺得墨刀很聰明。

          如果再仔細看一下,會發現,“內置組件”的縮略圖標,和其他 4 個諸如“我的組件”、“圖標”等功能的縮略圖標,并成一列。這 5 個縮略圖標的排列順序(上到下),和它們快捷鍵("、"鍵和數字鍵1、2、3、4)的排列順序(左到右),是完全一致的。不得不說,這是一個簡單又巧妙的設計。


          再比如朋友圈里,某個不熟的好友每天都發集贊的小廣告,搞的我們不勝其煩。長按其頭像,會呼出設置權限(屏蔽等)的功能。

          有意思的是,長按好友名字,則不會呼出這個功能。要知道點擊頭像或名字是都能進入好友主頁的;另外剛才那個例子,長按公眾號頭像或名字,也都能呼出取關的彈窗。

          個人的理解,生活中,我們用力長按一個人,通常是表達強烈不滿,比如打架時。比起長按名字,長按頭像更像是長按真人,所以也更能表達我們的不滿。


          說完隱藏的小功能,再說下有趣的小功能。比如微信聊天里的扔骰子、石頭剪刀布,微信給朋友發生日快樂后漫天飄落的蛋糕,拍照軟件里的貼紙,等等。

          最后說下帶有人文屬性的交互設計小細節。常見的有如下類型:幫助弱勢、關照情緒、表達情感、保護隱私。


          幫助弱勢這塊,比如 iPhone 的輔助功能,里面有針對視力障礙的放大鏡功能、有針對不識字群體的旁白功能。

          關照情緒這塊,很重要的一點,就是避免引起用戶的負面情緒。比如微信的刪好友是單方面刪除,被刪時我們很難察覺到,而且微信也不會通知我們。個人覺得,微信之所以不通知我們,其中一點,就是不給我們添堵。類似的還有,微信消息沒有“已讀”功能,這就大大減輕了接收者的回復壓力。

          表達情感這塊,比較為人所知的例子,5 月 20 號這天,微信紅包的限額,從 200 元升到了 520 元。還有一個例子,在微信聊天里發一個“ohh”,長按并點翻譯,結果也是一個驚喜。

          保護隱私這塊,比如借助 iPhone 的“引導式訪問”功能,可以讓小朋友只能訪問你的某個視頻應用來看動畫片。再比如別人用你電腦的時候,如果你不想讓對方看到你的微信,就可以通過手機微信來鎖定或退出電腦版微信。

          2 大驚喜

          所謂大驚喜,是指那些系統性大創新,并且能夠引領潮流、代表未來的交互設計。通常而言,這些大驚喜,最開始給用戶的感覺,就是酷。

          iPhone 就是典型例子之一 。

          2007 年的初代 iPhone,帶來了當時的大屏幕:3.5 寸屏幕,以及純觸摸屏,和極為靈敏的觸控體驗。

          2011 年,Siri 同 iPhone 4S 一起問世,為我們帶來了語音交互。如今,在 100 元就能買到品牌類智能音響的情況下,依靠語音交互的智能音響也在慢慢走入尋常百姓家。

          也許后喬布斯時代的 iPhone 創新不如以前,但不可否認的是,時至今日,iPhone 依然在引領潮流,在給我們大驚喜。比如這幾年流行的手機無線充電和以 AirPods 為代表的極簡的無線耳機。

          以上是比較廣為人知的交互設計,還有一些不太為人所知的設計。比如在家里網購一條床單,但是不知道床的尺寸,家里又沒有尺子。這時,打開 iPhone 里的測距儀這款 App,就可以量出床的尺寸,會不會覺得有點酷。

          (測距儀 App)

          微信在引領潮流方面也有一些建樹,比如極大的普及了二維碼和掃一掃。小程序作為一種體驗接近原生 App、同時又不用下載的產品,也正在引領新一輪的潮流。

          還有一個比較酷的功能,就是以圖搜圖。筆者最早用過百度和谷歌的相關功能,主要是在電腦上搜索相似的圖片,使用頻率極低。

          假設一個場景,比如在路上看到一個陌生人的外套很好看,但又不好意思上前問,就可以拿起手機,利用淘寶的拍立淘功能,拍張照就能馬上看到相同或相似的商品。

          如果淘寶上沒有搜到類似商品,還可以用微信的掃一掃識物。和拍立淘相比,區別之處有兩點。第一,不用拍,直接能識別,不過通常得等 1-3 秒;第二,識物結果里面,除了商品,可能還會有百科詞條和資訊。


          02
          交互設計:如何做到驚喜?

          個人覺得,有 4 個要點:既要有好奇心,又要有卓越心;既要天馬行空,又要保持自然。

          聽起來可能有點亂,且聽筆者一一道來。


          1 保持好奇心

          筆者觀察身邊讀小學的小孩,發現,當大人聊天時,特別是談正事時,小孩特別喜歡坐在旁邊聽,而且聽的很認真。小孩有時也會說兩句,或是問問題,或是發表自己的看法。

          看得出來,小孩對成年人的世界,懷有極大的好奇心。實際上,不止于成年人的世界,小孩對周遭世界都有比較強烈的好奇心。

          整體而言,成年人對周遭世界的好奇心,遠不如小孩。我們互聯網從業者也不例外。

          好奇心和交互設計,有什么關系?

          交互設計,某種程度上,也是一種創作。好的創作,一定來自生活。這就需要我們去觀察生活。

          觀察生活,非常重要的一點,就是好奇心,對周遭人、事、物要有足夠的好奇心。

          比如上文提到的例子,在 iPhone 上刪除應用前,應用圖標會抖。這種抖是一種趣味隱喻,既可以理解成嚇的發抖,也可以理解成搖頭求生。如果對生活沒有足夠的好奇心,是很難留意到這種生活細節,并把它們作為一種隱喻運用到交互設計中的。

          以上是關于好奇心,還有一種特質,也是在小孩身上表現突出,同時也和本文主題有關,那就是:童趣。

          還是上文的例子,在 B 站 App 上輸入登錄密碼時,動畫人物會捂眼睛。這個設計,可能不會打動所有用戶,但至少一部分用戶會覺得比較有趣。如果我們內心沒有一點童趣,可能也會覺得,這個設計,沒啥意思。

          玩是人的天性。對于比較好玩的交互設計,大部分人是比較容易產生共鳴的。實際上,據筆者觀察,我們大部分從業者是有童趣的。我們比較缺的,是好奇心。

          那么,怎樣判斷自己是否擁有足夠的好奇心,其標志是什么?

          個人觀點,有兩個標志。第一,是對與個人利益無關的生活小事的關注,遠多于對個人利益本身的關注。第二,觀察和思考,遠多于評價和自大;追本和溯源,遠多于偏見和傲慢。

          為什么會提到個人利益?

          因為,通常而言,個人利益,尤其是短期利益(比如少花時間設計和修改原型),往往會和用戶體驗存在一個此消彼長的關系。

          如果過于關注個人利益,不僅很難照顧到用戶體驗,甚至會傷害用戶體驗。至于給用戶帶來驚喜,就更無從談起了。

          回到現實當中。在時代洪流面前,好奇心的兩個標志,顯得很難,該如何實現?

          關鍵在于找到背后的源動力。這個源動力,在筆者看來,有兩點,分別是:求知若渴、淡泊寧靜。


          求知若渴,可以源源不斷的驅動我們去觀察、去思考萬事萬物的規律和聯系。

          淡泊寧靜,正如諸葛亮在《誡子書》中所說,“非淡泊無以明志,非寧靜無以致遠”。人的心力和精力終歸是有限的,如果我們沉迷名利、物欲、享樂,就難有興趣和精力去琢磨萬事萬物了。

          所以,只要找回自己童年的那種求知若渴,同時修身養性到淡泊寧靜,這份好奇心,就會回來。

          2 巧妙融合

          某種程度上,很多帶給我們驚喜的交互設計,都是一種巧妙融合。

          筆者把這種巧妙融合,初步分成了三類,分別是:簡單融合、直接融合、委婉融合。


          簡單融合,最常見的就是隱藏功能。把一個較為簡單的操作動作,比如長按、雙擊、下拉、左滑等,和一個合適的功能,融合在一起。用電腦時我們常說的快捷鍵,也屬于這一類。

          通常而言,操作對應什么功能,講究的是合適,并無固定章法束縛。比如在微信朋友圈,發表文字的功能可以靠長按(相機圖標)喚起,設置權限的功能也可以靠長按(好友頭像)喚起。所以,簡單融合這塊,可供我們發揮的空間很大。

          另外,簡單融合最常見的形式——隱藏功能,既實現了界面的簡潔,又帶來了一定驚喜。

          簡單融合,既簡單,又實用。建議大家充分開發這一塊。

          直接融合,是指將生活中的趣味性,直接搬到軟件中,搬到交互設計中。比如微信聊天中的扔骰子、石頭剪刀布,以及漂流瓶、抽獎等。

          這一類融合,有點像商場里的電玩城,雖然我們不會經常去玩,但確實比較好玩。

          委婉融合,是指用明喻或隱喻的手法,將生活中微不足道的一些細節,移植到交互設計中。

          這種移植,有時是直白的。比如 Mac 上打開應用時,其圖標會在 dock 欄里有規律的彈跳,這會讓我們聯想到皮球的彈跳。

          這種移植,有時是隱晦的。比如 iPhone 上刪除應用前,其圖標會抖。這種抖,是害怕還是求饒,任憑我們想象。

          這種移植,有時是無聲的。比如在朋友圈,要想呼出隱藏的設置權限功能,只能長按頭像,長按名字則不行。這個設計,不乏想象空間。如果不嘗試長按名字,則不會發現這個細節。

          委婉融合,有時會帶一些趣味性。更為重要的是,它能夠引發我們的思考和想象,所以是一種很出彩的融合。這種融合,也會賦予交互設計,一種禪的味道。

          整體而言,筆者非常推薦委婉融合。

          3 追求卓越

          如果目標是小驚喜,則保持好奇心、并做到巧妙融合,基本足矣。

          如果目標是大驚喜,則需要雄心壯志,需要舍我其誰,需要追求卓越。

          日常工作中,可能會有這樣的對話?!斑@個動效/功能,實現不了”。

          大驚喜里的幾個例子,比如初代 iPhone 的觸控體驗,iPhone 里的測距儀,微信的掃一掃識物。這種設計,意味著要修一條最好的長城,背后往往有很多技術難題要攻克,有很多臟活累活要做。

          如果團隊文化就是做出最優秀的交互設計,那么,“實現不了”這句話,估計就聽不到了。取而代之的,可能是:“還在研究中”,“下個大版本能上”。

          4 自然而然

          提到驚喜,還有一款值得研究和學習的產品,那就是錘子手機的 Smartisan OS。

          個人觀點,在小驚喜方面,Smartisan OS 頗有建樹。在大驚喜方面,Smartisan OS 也進行了一些值得學習的探索。

          先說小驚喜,比如華麗而細膩的桌面翻頁動畫,比如四指橫劃桌面可以切換桌面背景。還有一些貼心的小功能,比如靜音可以設置時間,比如方便的長截屏。

          (靜音可設置時間)

          (長截屏)

          再說大驚喜。2016 年 10 月發布的一步和大爆炸,是比較大比較系統的功能,在當時也很新。錘子公司也一直有宣傳這兩個功能。所以相對而言,這兩個功能是 Smartisan OS 的大驚喜。

          筆者的備用機是錘子手機,身邊也有朋友在用錘子手機。以一步為例,這個功能,筆者體驗過很多次。但平常很少用,身邊朋友的情況也類似。

          (一步)

          根據使用情況和主觀感受,個人覺得,一步這個大驚喜,還存在進步空間,主要有兩個方面。

          第一,宏觀層面。一步作為新生事物,好比一顆新種子。種子破土而出時,是一顆嫩芽,而不是一棵大樹。新生的一步功能繁多,猶如一棵破土而出的大樹,一方面有違自然規律,另一面因為功能繁多,很多用戶無法一下子看懂,看不懂可能就不想用了。

          第二,微觀層面。一步這棵新大樹,結了很多不同的果子,比如拖拽圖片到其他應用、切換后臺應用、展示最近圖片/文件等。這些果子,是用戶真正需要的嗎?這個是要存疑的。

          比如拖拽圖片到朋友圈就能發朋友圈這個設計。通常而言,我們發到朋友圈的圖片都是精挑細選的,會占用一定量的時間,比如旅游或聚會結束后發的照片。一步解決的是效率問題。發朋友圈的時候,少點幾下這種效率問題,優先級是比較靠后的,我們沒那么在乎。

          還有拖拽圖片/文件這個交互動作,大家通常在電腦上用的比較多,在手機上是沒有這個習慣的,實際上應用場景也少。在手機上,大家一般只習慣拖拽應用圖標。

          還有切換后臺應用這塊,大家第一個想到的,一定是系統自帶的,已經用慣了。而且喚起速度比一步快,點擊面積也比一步大。

          總的來說,微觀層面上,比較缺讓大家能馬上想到一步的功能點。

          最后,總結一下。對于領先時代、引領潮流的交互設計,需要做到自然。

          具體而言,就是,大驚喜是一種系統性的大功能,好比一棵大樹。這棵大樹,最好有一個從種子到果子的生長過程,這樣最自然,生命力也會最旺盛。

          因為,從破土而出的嫩芽階段,就可以通過用戶反饋和數據來檢驗,這種嫩芽,是不是真的對用戶有價值。如果價值不大或沒有價值,還可以再調整。如果長成大樹結滿果子,再去調整,就很難了。


          結語

          交互設計小細節,如果有一定的趣味性或人文屬性,則是小驚喜。

          系統性工程的交互設計,如果最初感覺很酷,而且能引領潮流、代表未來,則是大驚喜。

          始終保持孩童身上那種非功利的好奇心,用心觀察并思考生活中的小事;

          將生活小事和交互設計巧妙融合起來;

          以上兩點,可以幫我們做出小驚喜類的交互設計。

          追求卓越,獨立思考,做最酷最好的交互設計;

          酷是結果也好,是目標也好,都不是最重要的。最重要的是,避免刻意和心切。醞釀大驚喜,猶如培養一個新生的孩子,需要投入極大耐心和精力,需要讓孩子自然成長。沒有家長會教半歲的孩子唱歌、把 3 歲的孩子送到高中念書。

          再加上以上兩點,可以幫我們做出大驚喜類的交互設計。

          最后,用愛因斯坦的一句話來共勉。

          想象力比知識更重要。

          原文地址:站酷

          作者:snowdesign

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系01063334945。


          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



          盛夏的元宇宙之旅-玩轉電子沙盤

          seo達人


          圖片

          經過前期的調研和分析,以及結合相關的業務訴求,確定了我們的項目目標,那就是要做出一款為新房營銷賦能的設計工具,同時也總結出好的電子沙盤要同時具有這四個方面的特性:

          圖片

          圖片

           

          1、效果真實自然

          電子沙盤要傳達的是真實的地形地貌等信息,使用戶在觀看時要有身臨其境之感,因此在最終效果上要力求最真實自然的視覺體驗,為用戶呈現最好的效果。

          圖片

          圖片

           

          2、覆蓋類型廣泛

          在模型的品類方面力求多樣化,這樣整個場景才會更接近真實的效果,在項目中我們使用模塊化的方式,創建了項目資源庫,達到了建筑、植被、健身器材、公共設施等全品類覆蓋、共產出植物模型17種,建筑模型36種,器材設施類模型22種、UE4引擎材質260多種,為最終效果的實現起到了決定性的作用。

          圖片

          圖片

           

          3、模型細節精細

          除了周邊環境要真實自然,小區內每棟樓的建筑細節也非常的豐富,以真實的建筑結構信息來進行模型制作,用戶在使用時能夠查看到樓盤內每一棟建筑的外觀和結構細節。

          圖片

          圖片

           

          4、生成策略豐富

          區別于傳統的手動建模方式,我們在實施階段采用了模塊化資源+智能化生成的方式,首先在數據層級對整個項目區域根據功能進行劃分,針對每一類區塊都進行了相應的生成策略的設計。共產出擺放規則36種,精細到每一處細節都有相應的生成規則。

          接下來的部分我們就選取幾種比較典型的區域擺放規則看一下。

          圖片

          圖片

           

          圖片

          根據當前項目特點,在具體實施階段我們采用了數據輸入和智能化生成的整體策略。

           

          1、本案小區樓棟:

          樓棟的建模使用了模塊化的方式,使用預制的窗戶,外墻等模型部件按照規則將不同的組合部件結合在一起生成整體的樓棟。

          圖片

          2、小區入口:

          入口處大門的生成,首先需要在初始數據中輸入入口的信息,然后根據設計規則使用模型庫中預制的模塊生成入口大門。

          圖片

           

          3、道路生成:

          根據道路結構進行數據的分層拆分,然后再將各部分模型組合起來形成道路,這樣就方便了后期添加沿路的樹木,以及根據車道信息添加車輛等等。

          圖片

           

          4、配電房,設備用房:

          小區內的配電房,設備房等首先劃定區域數據,然后選擇合適尺寸的模型進行擺放,最后做頂點拉伸處理。

          圖片

           

          5、底商商鋪:

          底商的生成與設備房等類似,但是也有一些區別,由于每個樓盤的底商區域尺度不同,所以要對模型進行相應的拉伸去適應相應的區域大小,底商部分我們采用了整體拉伸的方式,這樣不會破壞模型上的一些結構細節。

          圖片

           

          6、小區廣場:

          小區廣場的效果相對來說比較豐富,模型種類比較多,不適合使用拉伸的方式去生成,這部分采用了對不同功能的設備進行分塊的方式,比如兒童游樂設施,成人健身器材等,通過不同的組合可以生成多種方案。

          圖片

           

          7、地形生成:

          地形的創建要依據真實的地理信息數據來制作,以保證電子沙盤真實的參考性,這部分我們使用了當下比較先進的智能化解決方案,根據數據將地面,道路,水系,植被,建筑等分層創建,最終在虛幻引擎中進行整合渲染。

           

          圖片

          這部分看下電子沙盤現階段的最終效果:(點擊圖片前往原文觀看視頻)

           

          圖片

          經過大家的努力,最終我們的電子沙盤獲得了各方的認可,在制作過程中也收獲了不少寶貴的經驗,總結如下:

          重視排期和做好階段性任務的拆分:由于項目周期比較長,所以整個項目必須有統一的階段性規劃和排期,按照統籌好的計劃來一步一步實現目標。

          項目參與人員之間的溝通很重要:每個成員之間對于進度和過程中遇到的問題必須及時同步和提出,尤其對于跨部門合作的項目來說,這一點尤為重要。

          項目的完成離不開大家的共同努力,在此對所有人表示感謝。


          作者:環鐵藝術家

          轉載請注明:學UI網》盛夏的元宇宙之旅-玩轉電子沙盤

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系01063334945。


          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司


          2022 PANTONE 最美色彩來啦!

          seo達人

          一、全新Post-It®Notes

          Post-it 與彩通色彩研究所共同開發,推出 11 種全新 Post-it Notes 系列,以令人耳目一新的色調展現色彩的力量。激發創意生產力!

          圖片

           Post-it Notes 

          Post-it 始終提供繽紛的畫布,為人們的想法增添些許鮮艷的色彩,而在七年沒有重大的視覺轉變之后,彩通色彩研究所獲選成為 3M 的合作伙伴,在全球推出重新打造的 Post-it Notes 和 Post-it Super Sticky 系列。

           

          三種精選調色板包括:

          1、花卉幻想

          這個調色板充滿新鮮芬芳的春季花卉,陽光正面的氣息能帶來活力與好心情。

          2、能量激發

          圖片

          這個系列中活力四射的色彩能點亮您的心情,讓訊息清晰透徹。

          鮮艷色彩混搭成組,振奮人心的色調以充滿活力的配色之姿自然呈現。這些動感活潑的色調使人留下大膽鮮明的印象,傳達生氣蓬勃的歡樂訊息,以急迫感和力量激勵使用者采取實際行動。

          3、單純靜謐

          圖片

          透過干凈現代的單純靜謐系列,為提醒事項便利貼注入一絲禪意。

          和諧混搭干凈俐落的經典顏色,呈現簡潔外觀和平靜狀態,突顯人們對簡化、清理和整理的渴望。這幾種獨特色調穩定可靠且歷久不衰,使用溫柔且老少咸宜的粉紅色來達到強調的目的,傳遞直接而單純的訊息,讓輕柔的氛圍靜靜地撫慰人心。

           

          二、多彩的元宇宙

          元宇宙中的色彩:探索色彩在虛擬與現實之間的關系。

          圖片

          1、視覺語言

          許多人幾乎無法想像生活在眼睛所見只有黑白灰、沒有其他色彩的世界;我們已經習慣被色彩包圍,色彩更是定義世界的視覺訊號,讓我們感知與周遭環境和所愛事物的連結。約有 80% 的人生體驗會經過雙眼吸收,因此視覺訊號對于傳達訊息至關重要。

          圖片

          色彩在元宇宙的使用方式與實體世界大致無異,唯一的差別在于:

          實體世界中的色彩有其局限。物體自然會是一種色彩,可以改變,不過需要資源、時間和精力。此外數碼光譜中的某些色彩無法在實體世界重現。在元宇宙中,色彩可以立即視需求調整。

          圖片

          元宇宙中的色彩沒有任何限制。從你在 Web 3.0 中的外貌到衣著,或者是你擁有的產品,這些色彩都可以隨你的心情以及你希望在數碼世界呈現的方式改變,不論它們在實體世界呈現的色彩為何。元宇宙將會帶來自由。

          圖片

          三、提契諾的色彩

          Ticino Turismo 了解色彩會喚起我們對旅游地點的珍藏回憶,并激發未來的旅游計畫。因此他們與彩通色彩研究所 (Pantone Color Institute) 的全球色彩專家團隊合作,透過各種色彩描述造訪瑞士著名提契諾地區的體驗。

          (點擊圖片前往原文查看視頻)

          icino Turismo 與彩通色彩研究所合作精選出五種最能代表提契諾的色彩,用來傳達春夏兩季訪客在當地所見識到的美景與快樂體驗。

          圖片

          彩通色彩研究所以這些色彩為基礎創造出 Ticino Camellia Pink (提契諾山茶花粉紅),用來代表點綴這片地區的艷粉色花朵;Bellinzona Fortress Grey (貝林佐納城堡灰),這種帶有灰色調的暖褐灰色正是當地中世紀城堡呈現的色彩;Brissago Blue (布利薩戈藍),這是布利薩戈島周圍澄澈湖水的色彩;Lugano Sunset Orange (盧加諾日落橘),呈現當地日落的迷人光彩;以及 Valle di Muggio Green (穆吉奧山谷綠),展現郁郁蔥蔥的山谷色彩。

           

          四、周大福的色彩

          彩通色彩研究所最近與周大福集團合作,透過提供包含三種新色調的時尚調色盤,結合中國傳統風格和現代審美,借以襯托周大福集團標志性的招牌紅色。

          圖片

          全新周大福調色盤體現了融合傳統色彩與現代風格的故事。呈現出精致感觸、完美品質和現代雅趣,全新周大福調色盤既融合了傳統的優雅,也繼承了現代風格的美感和精神。

          圖片

          全新調色板:融合中國傳統風格和現代審美

          為強調大福紅 (Tai Fook Red) 濃郁而充滿活力的強大吸引力,我們透過暖金色突顯出一系列相容的色調,打造和諧的色彩故事。

          圖片

          這個全新調色板展現了對傳承、幸福和信念的現代詮釋,襯托出大福紅 (Tai Fook Red) 優雅、現代且具備寧靜力量的特點,透過現代化且積極的態度展現集團對品質的承諾。

           

          五、西派金銅  City Park Golden Brass

          彩通色彩研究所最近與中國鐵建房地產集團有限公司 (CRCCRE) 合作,提供宏觀色彩趨勢指引并建立招牌色彩,做為該公司的主要品牌視覺形象,用于公司旗下不同的重慶西派城住宅。

          圖片

          這個全新色彩能夠向潛在買主傳達出重慶西派城的居住環境和生活風格,以及CRCCRE 的愿景:成為具價值的房產開發、工程設計及資產管理商,借此提升中國生活水準,同時解決人們日益增長的需求,滿足他們追求自然景觀環繞,以及求取身心靈平衡的愿望。

          圖片

          在考量中國生活風格趨勢的美學,以及中國居民未來的追求后,我們創造出「西派金銅 (City Park Golden Brass) 」來代表重慶西派城的品牌定位:拘謹、優雅、穩定發展、現代化、年輕且時尚,同時仍支持及推廣積極進取的哲學。


          作者:劉濤

          轉載請注明:學UI網》2022 PANTONE 最美色彩來啦!

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系01063334945。


          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



          這樣拆解1件作品比看100件都有用

          seo達人

          案例一:樂樂茶產品海報

          圖片

           

          01.案例名稱

          品牌:樂樂茶     項目:產品促銷海報設計     

          產品:草莓桃子超萌杯

           

          02.案例目的

          宣傳88品牌日活動期間,購買草莓桃子超萌杯只要8.8元,以此作為噱頭吸引消費者進店下單。

           

          03.案例標簽

          調性:年輕、時尚     色彩:熒光色、漸變色、對比色     設計風格:扁平風、幾何色塊

           

          04.案例亮點

          ? 采用新穎的設計形式,高飽和度的對比色搭配,覺沖擊力很強,可以很快吸引人的注意,同時也把時尚、個性的品牌調性展現得淋漓盡致。

          ? 標題的字體設計很好看,與主題內容以及品牌的調性也十分吻合。

           

          05.執行細節

          ? 標題的字體設計屬于手寫風格的等線體,這種字體設計通常是在等線體的基礎上,融合一些手寫風格的筆畫,效果時尚且現代,是近來比較流行的一種風格;

          ? 主要顏色為玫紅、藍色、綠色,其中玫紅面積最大,藍色次之,綠色作為點綴色;海報中的漸變色都會在兩個顏色之間加入白色來過渡,這樣會避免顏色出現太臟、太花的情況,另外白色還可以使畫面更加透氣和明亮,食品海報的顏色不能太過壓抑和沉悶。

          圖片

          ? 除了包裹文字的大色塊,畫面中還有一些小色塊和幾何圖形,這些元素是從產品包裝中提取出來的,有了它們的輔助,版面更加平衡、細節更加豐富,增強了點與面的對比。

           

          06.還可以優化的地方

          ? 兩行中文標題之間的空白有點太大了,中間的英文可以往左邊再一點,英文的字間距可以大一點點。

          圖片

          ? 左下角價格區域的排版不夠精致,矩形色塊與右邊傾斜的產品直線條在視覺上有點沖突,個人覺得8.8可以不放在色塊里,或者把色塊右邊的透明度降低,“元/杯”與“原價15元”調換一下位置更合適。

          圖片

          ? 產品的食欲還差了一點點。

           

          07.啟發與思考

          ? 一件海報作品的調性是由多方面的因素決定的,比如色彩、字體、版式、圖形等等,要綜合運用這些因素才能達到理想的效果。

          ? 如果品牌的目標消費群是年輕人,那么其設計可以用非常時尚、酷炫,甚至是個性的設計風格。

          ? 在食品海報中,產品本身的食欲永遠是重中之重。

           

           

          案例二:認養一頭牛包裝設計

          圖片

          圖片

          圖片

          這款包裝由知名設計公司喜鵲包裝實驗室設計。

           

          01.案例名稱

          品牌:認養一頭牛      項目:產品包裝設計     產品:娟姍牛純牛奶

           

          02.案例目的

          ? 通過包裝設計讓消費者感受到這是一款進口的、高端的純牛奶。

          ? 打造一個具有高識別性和銷售力的視覺形象,帶動銷售。

           

          03.案例標簽

          調性:高端、尊貴、健康       主色:歐洲皇室藍            設計風格:彩鉛插畫

           

          04.案例亮點

          ? 通過打造一個擬人的貴族娟姍牛形象,把認養一頭牛IP化,比較直觀地展現了產品的高品質;同時也增加了產品的記憶點。

          ? 包裝的整體形象簡單、高端、且獨具特色。

          ? 包裝中的IP形象畫得很精致、很傳神。

           

          05.執行細節

          ? “純牛奶”的字體使用長宋、并弱化了筆畫的襯線部份,使字體更具高端、現代的調性,且識別性很高;

          ? 主色為歐洲皇室藍、既與市面上的高度牛奶產品進行了有效區隔,同時在調性上也滿足了高端、優雅、健康的需求。

          圖片

          ? 把牛的形象設計成擬人的貴族牛,而不是普通牧場里的牛形象,視覺上更特別、也更容易被記住。

          ? 包裝正面的形象非常簡單,只突出品牌logo、餐品名、ip形象。

          ? 側面通過icon和文字的方式簡單展示產品的賣點,進一步促進人們購買。

          圖片

          ? 燙金和燙銀工藝的恰當使用,進一步提升了包裝的品質感。

           

          06.還可以優化的地方

          ? 側面icon的設計不夠精致和直觀;

          ? 純牛奶的字體設計仍有優化的空間,比如純字的“纟”偏旁和豎彎勾筆畫稍微粗了一點。

          圖片

           

          07.啟發與思考

          ? 打造iP形象仍包裝設計中行之有效的一個方法,特別是對于快銷品,但也不是盲目為之,該款包裝這么做是因為“認養一頭?!边@個品牌名就自帶ip屬性。

          ? 減少干擾、讓你的包裝有且只有一個焦點。

          經蔥爺這么一分析,是不是對這些作品的理解加深了不少,像以上這種拆解案例的思路,蔥爺會很頻繁地分享在蔥爺知識星球里,以供大家參考和學習,并且蔥爺還會組織星球里的成員一起做案例拆解的打開,幫助大家學習如何正確拆解設計案例、養成拆解案例的習慣。


          作者:蔥爺

          轉載請注明:學UI網》這樣拆解1件作品比看100件都有用

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系01063334945。


          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



          在UX/UI設計中使用網格系統的5個技巧

          seo達人

          一、六種網格類型

          每種類型的網格都有不同的用途,通過了解不同的網格類型幫助我們在設計的時候匹配最合適的網格。

           

          1、 基線網格

          圖片

          基線網格是由等距水平線組成的密集網格,用于確定文本的位置。基線網格通常與分欄網格結合使用,以確保每列中的文本在界面上均勻對齊。

          基線網格最簡單的示例是一張劃線紙,準確清晰地展示設計元素的位置。

          圖片

           

          2、單欄網格

          圖片

          單欄網格是最基礎的形式,用來確定文本在頁面中的位置,多用于書籍、雜志等以文字為主的版面設計中。 

           

          3、分欄網格

          圖片

          圖片

          這是日常設計中最常使用的網格類型,將一個頁面拆分成多個垂直區域,然后將對象與之對齊。

          報紙和雜志的排版設計、網頁和APP的設計都會廣泛使用分欄網格。

          圖片

           

          4、模塊化網格

          圖片

          模塊化網格是柱狀網格的擴展,采用垂直方向的列并添加水平的行。相交的行和列創建“模塊”,可用于管理內容較為復雜的界面或者海報設計。 

           

          5、像素網格

          圖片

          在用Photoshop作圖時,不斷放大畫布,會看到畫布上有密集的像素網格出現。

          數字屏幕是由數百萬像素的微觀網格組成的,為了設計的準確性,設計師需要逐個像素地編輯圖像,同時也練就了“像素眼”。小到一個icon,大到整個網頁,都可以借助像素網格來完成。

          圖片

           

          6、層級網格

          圖片

          層級網格是指按照內容的重要性來組織界面元素,讓用戶能夠按照主次的層級順序瀏覽界面。層級網格主要用在網頁設計中,形式比較自由形式,大多數是結合網頁的內容來確定。

          將界面中的內容進行優先級排序,按照層級結構清晰展示內容的優先級,為產品提效。

          圖片

           

           

          二、在UX/UI中使用網格的5個技巧

          在工作中嘗試使用網格系統時,下面的關鍵要點能幫助我們實現有效、靈活的設計:

           

          1、規劃網格與頁面的關系

          圖片

          在《平面設計網格系統》這本書中,作者強調網格在頁面中的位置以及頁邊距的設置對網格的功能和美感有很大影響。合適的頁間距和留白會讓頁面看起來更舒服。 

           

          2、不要只使用網格設計

          圖片

          當接到一個全新的需求時,很多設計師習慣以常用的網格和欄寬作為標準開始設計。

          雖然常用的網格系統設計起來更熟悉,但花時間弄清楚當前的項目實際需要什么樣的網格,以及是否有其他需要考慮的因素也同樣重要。這樣做能夠避免我們被困在一套網格標準中,限制設計的發揮。 
           
           

          3、保持設計元素在網格內

          圖片

          網格中每一欄之間都會有間距作為分隔,當頁面中的文本和圖形跨越多欄時,需要保持內容在網格每一欄的邊緣,避免將元素放到間距的邊緣。

          圖片

           

          4、不要忘記基線對齊

          圖片

          確保基于列的設計中的所有文本遵循一致的基線,這樣可以大大改善頁面的和諧感和組織感。

          在數字設計項目中,基線對齊很容易被忽視,但它可以很好地平衡設計,對齊后頁面會有更舒服的視覺效果。 

           

          5、考慮使用8pt網格進行設計

          圖片

          我們的設計必須能保證在各種設備和屏幕分辨率下都能工作并且看起來很清晰。使用基數的倍數的尺寸和間距有助于使設計過渡清晰和系統化。

          現在通常使用8pt網格,這樣無論是矢量設計還是基于像素的設計,都可以在視網膜屏幕上完美縮放。 
           
           
           

          最后

          以上是在UX/UI設計中常見的6種網格類型和5個技,希望通過這些內容能讓你對網格系統的應用有更深的認識。


          作者:Clippp

          轉載請注明:學UI網》在UX/UI設計中使用網格系統的5個技巧

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系01063334945。


          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



          如何通過設計語言手冊來傳遞品牌理念!

          seo達人


          圖片

          本次以3.0時代加入以人文中心主義的設計,人文感官品牌情懷社區為方向發起升級!58到家作為一款為消費者提供家政服務的產品,致力于為消費者帶來品質生活!設計語言的存在需要將用戶、產品、服務進行結合,并在不同服務中保持統一的展現,從而對體驗和商業上帶來價值。

          我們將產品劃分為三個階段:

          1.0:滿足了以產品為中心的設計,達成生產售賣通順閉環;

          2.0:滿足了以消費者為中心的設計,考慮更多用戶體驗;

           3.0:加入以人文中心主義的設計,人文感官品牌情懷社區。

          圖片

          那么明確了我們本次升級的方向后,制定了整個產品的框架,底層加入了人文感官品牌情懷的相關因素,再應用到我們現有的業務上,在協同上進行高效的鏈接,產品到設計,設計與設計,設計到開發。最終形成了我們的前臺展現頁面。

           

           

          圖片

          最適合用戶的設計語言手冊,才是合理的,那么在3.0階段的人文感官品牌情懷,核心即為人,也就是我們的用戶,首先我們要了解用戶的情感訴求。

          圖片

          根據我們的用戶畫像以及多輪訪談調研, 得知用戶的相關正負情緒。生活當中家務工作的角色分配問題,一直是經常出現的一個場景。用戶希望通過我們的產品服務,來提升生活的幸福指數!

          在以此為前提的背景下,用戶希望我們是專業標準化的、省心高效的、溫暖溫馨的舒適的、具有親和力的等等。最終都會期望以更有品質的生活而結尾,那么“品質生活”即為我們需要來傳遞給用戶的情感。

           那么品質生活是什么呢?

          圖片

          其實用戶對我們的要求是一款提升生活品質及愉悅感的產品,而非工具。

           

           

          圖片

          綜上所述,我們確定了以品質生活成為我們的本次設計語言升級的slogan,再結合業務的自身特性,我們進行了詳細的拆分后提煉出了以下相關關鍵詞,來滿足用戶更多的情感訴求。

          干凈明亮 

          居住環境的潔凈會帶給人更多舒適愜意的感受。首先對品牌色進行了升級,使其更鮮明。也延展與其相匹配的輔助色來打造出完善的色彩體系。

          圖片

           

          陽光照射在屋子里,用戶愜意地躺在沙發上,光總是能給人溫馨溫暖的感覺。針對光束進行了深度剖析,過濾掉了光源生硬的進入以及具象光源的展示方案,最終確定使用相對適中的漸變色。

          專業 

          專業是線上線下綜合訴求的結合體,那么在線上加強品牌背書、有跡可循的一致性來達到滿足所的情感訴求。

          高效 

          用戶攜帶訴求而來,那么減少用戶感到麻煩的情緒,對產品的識別清晰、操作便捷提升是最直接影響的。

          親和力 

          服務行業需必備的能力,微笑服務也成為了我們的業務情感透傳標準。提煉出微笑符號結合我們的實際場景進行運用!

          慢生活… 

          在對用戶的相關情感訴求結合業務進行了落地后,對效率類設計原則也進行了相應的升級。

           

           整體架構 

          應用整體架構也是一個應用對外呈現的基礎結構,是系統風格的體現形式之一,除了特殊設計訴求,通常情況下,應用需要使用通用的應用架構來保持系統的一致性和用戶操作的易用性。

          圖片

           柵格系統 

          布局不是靜態固定的,柵格系統在一個應用內的重要程度不言而喻。我們設定了以4dp / 4pt為基數的柵格系統。

          圖片

           文本原則  

          文本作為產品中用戶獲取信息的主要信息載體,字號大小和字重決定了信息的層級和主次關系。對字號、字重、行高以及組合字體進行了設定,為不同的場景創造了層級分明以及清晰的信息讀取體驗。

          圖片

           間距參數  

          針對頁面內容區域的通用元素間距進行了分類。設計師結合具體場景的情況,來調用間距參數的適配邏輯。以此來結合柵格系統進行更好的適應相關視覺元素符號的對應變化。

          圖片

           圓角參數  

          結合業務屬性保證親和力的透傳,在產品盡量避免出現銳角圖形的設計表達手法。故此針對圓角的大小也進行了系統級別的定義,進行深度統一管理!

          圖片

          語意原則及動效等,并依據相關設計原則產出了組件庫。

           

           

          圖片

          在多元化的產品時代,時刻關注并滿足用戶的情緒,是產品能脫穎而出的關鍵!在建立設計語言手冊時從提升用戶體驗和滿足商業價值整體考慮,挖掘流程當中線上線下的觸點,多維度思考并總結落地,深度傳遞品牌理念。

          設計語言手冊更多時候是一個相對寬泛的閾值,并非組件的固定值,在某些業務場景下能為用戶帶來增值體驗或較高商業價值時,可以被打破。最后,核心就是在搭建語言手冊時應思考更多“為什么”這么做!


          作者:58UXD

          轉載請注明:學UI網》如何通過設計語言手冊來傳遞品牌理念!

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系01063334945。


          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



          中后臺產品的產研協同提效調研

          seo達人

          一、目前有哪些提升設計與前端生產力的方案

          1、D2C(Design To Code)

          D2C(Design to code)這個模式我們非常熟悉,其本質是將設計師的設計資產轉化為代碼,讓前端工程師可以快速的復用,在這個成熟的領域主要分成兩大類:「設計資產類」和「設計對接類」

          a. 設計資產類

          設計資產類是完整系統的規范和代碼進行沉淀形成設計類的資產,這一類的產品在市面上目前是屬于主流,產品有網易的Fish Design(網易自研)、Ant Design、Arco Design、Element 等,這些產品都是將組件化的設計資產轉化為代碼資產,方便前端工程師在開發 B 端產品頁面時可以快速引用,提升開發的效率。

          圖片

          b. 設計對接類

          設計對接類又分成「設計稿查看類」「設計稿代碼生成類」兩種類型:

          設計稿查看類:主要是 D-box(網易自研)、figma、藍湖等可以讓前端工程師在線查看設計師的設計稿并提供一定的轉化代碼方案,主要是為了保障產品的還原度。

          圖片

          設計稿代碼生成類:最近兩年為了徹底的解決還原度的問題,讓前端工程師專注的解決代碼問題「設計稿代碼生成類」也開始在市場嶄露頭角。

          比如:Imgcook、Codefun,直接復制設計稿地址進入軟件內部轉為代碼文件,直接導出完整的靜態頁面代碼,減少開發過程中的樣式調整問題。

          直接導出整頁代碼模式的小缺陷是無法滿足開發中:代碼精簡(ai 智能生成的代碼對目前還達不到開發人員喜歡的程度,較為冗余)、控件交互、綁定數據等幾方面的需求,但是比如在一次性的靜態頁面的實現中還是能夠達到提效的目的。

          圖片

          結論:D2C模式的產品相對獨立,從定義還原度「設計資產類」、保障還原度「設計稿查看類」、解決還原度「設計稿代碼生成類」層層遞進,可以有效提升設計師和前端工程師的生產效率和協同效率。

          但在目前競爭激烈的大環境中,優秀團隊的效率提升已經達到瓶頸,而提效的本質是為了比競爭對手更快更好,當所有人都有了相同的東西時,提效的目標可能就需要從別的地方打開缺口。

           

          2、C2D(Code To Design)

          C2D(Code To Design)「前端代碼轉設計稿」這個模式對于設計師相對模糊,不過國外的企業已經做出了探索。

          比如:2017 年Airbnb 發布的前端開源模塊 React Sketch.app,其核心理念是用代碼做設計。第一次看到的時候感覺真的很酷,通過 React Sketch.app 直接在 Sketch 設計軟件中編譯出設計界面,代碼也可以直接在項目中使用。

          圖片

          還有另外一個產品叫 html-sketchapp,通過在輸入框中輸入網頁地址就可以直接在 Sketch 中生成可編輯的設計界面「網頁轉設計文件」,通過任何前端代碼都可以轉為設計資產的文件,甚至直白一些說就是參考成熟產品做設計,適度借鑒吧。

          圖片

          結論:目前的 C2D 的市場方案對于設計師而言不夠友好,無法讓設計師可以直接使用,都需要工程師來完成轉換,同樣也會遏制設計創新,陷入同質化的泥潭中。

          但這個模式,卻非常適合“有意”借鑒參考成熟或者競爭對手的項目團隊,可以快速達到同類型產品的基準水平。

           

           

          二、針對目前現狀,什么樣的方式可以實現提效?

          從我們當前的工作流程來看

          圖片

          在這個流程中設計最在乎的就是設計階段的表現需求和前端的設計還原,為了保障精準的表現需求,在設計階段需要大量的溝通和風格嘗試。

          在前端還原階段需要和前端不斷的扣細節,輸出幾百條信息的走查文檔,那應該如何解決這些問題?

          圖片

          答案就是「 C2D2C」的模式

           

          1、C2D2C(Code To Design To Code)

          C2D2C(Design to code to design)的模式,將流程中的設計表現和前端還原階段的通過設計標準化和研發工業化的方式進行流程優化,減少設計和前端開發的參與,實現中后臺研發流程的整體提效。

          圖片

          在十幾年的發展里互聯網行業積累了大量的設計資產。

          這些設計資產的沉淀是設計標準化的基礎,將設計資產轉為封裝好的代碼組件也就是 D2C 的過程。將封裝好的組件通過低代碼平臺進行屬性配置、搭建頁面、布局調整實現頁面的設計就是 C2D 的過程。

          通過平臺設定交互行為和綁定后臺數據,完成整個系統,最后在進行站點發布,就實現了 C2D2C 的完整流程。

          圖片

          C2D2C 的模式是設計資產與線上智能化布局的代碼方案(低代碼平臺)以及后臺數據綁定的結合,將以前的人工分工通過智能化方案綜合一體去解決。

          但這個過程不是僵化死板的模式,在C2D環節實現“設計->前端”的高還原度下快速落地,在D2C環節下實現“低代碼平臺->自有產品”的靈活調整下快速復制。

          結論:隨著社會的發展,標準化和智能化的產品線都將會被人工智能取代,互聯網行業也正在向這個方向發展,所以設計的標準化和開發的工業化就像手工業向工業化的轉型,這是一個大的趨勢,未來可能一天的時間就可以生產數套后臺產品,這樣的生產效率才能跟上中國的數字化轉型浪潮。

           

          2.、C2D2C 的市場化

          低代碼平臺 是 C2D2C 模式得以實現的核心平臺,從2018 年開始海外投資開始關注低代碼平臺,OutSystem 平臺獲得 KKR 和高盛的 3.6 億美元的融資,成為了低代碼賽道的獨角獸,另一家低代碼創業公司 Mendix 被西門子以 7 億美元的價格收購,資本市場的關注讓低代碼賽道開始火熱起。

          而國內的低代碼平臺是從 2020 年疫情肆掠開始,疫情助推了在線辦公的發展,國家也在大力支持數字化經濟,更多的企業開始數字化轉型,這也讓低代碼在國內有了飛速發展的土壤。

          目前海外比較成熟的平臺主要是 OutSystem和 Mendix,而國內也有很多已經商業化的低代碼產品,像網易輕舟等,已經開始投入商業化的使用,可以從網易輕舟的低代碼產品架構,清晰完整的看到C2D2C模式的所需要具備的能力。

          圖片

          網易輕舟從業務角度出發,具備持續迭代能力、組件具備可擴展性,并且可以為企業進行私有化部署,部署完成后可以和存量系統進行集成,交付后具備非常好的可運維性,是一個成熟的商業化平臺。

          網易輕舟目前已經服務了包括工商銀行、吉利汽車、申萬宏源證券、泰康人壽、臺州銀行等包括政府產業平臺30家,從服務的客戶我們也可以看的出來,低代碼產品在大型企業中落地更有優勢。

          結論:C2D2C 的模式已經得到市場的驗證,研發工業化可以更加高效的提升中后臺產品的研發效率,設計標準化也可以減少中后臺設計師大量的重復性勞動,對于中后臺的業務產品,可以大膽地選擇一個富有實力低代碼產品。

           

           

          最后

          低代碼平臺的使用需要同時具備一定的代碼能力和設計能力,這不管是對開發還是設計師都具備一定的門檻。目前的低代碼平臺使用角色應該是前端工程師,復雜的后臺交互平臺還是需要設計師的深度介入。

          低代碼平臺的誕生減少了中后臺設計師大量的重復性工作,可以讓中后臺設計師將更多的精力投入到用戶研究和提升用戶體驗上。拖拽式的 UI 和智能化的布局以及良好的用戶體驗和以前的開發相比較,在中后臺的開發上更加的高效也更加的智能。

          在最初調研到低代碼平臺的時候,行業的快速發展和成熟,讓我下意識的反應是中后臺的設計師可能要失業了,但是在調研了平臺的使用和深入的思考后,我覺得這是中后臺設計師的機會。C2D2C 模式的最優解應該是 0 代碼方案,而使用 0 代碼平臺最好的角色就是設計師。設計師專業的審美和對于用戶體驗理解的深度都是其他職業所不具備的,未來的中后臺設計師更應該將自己的精力投入到平臺流程的優化和用戶體驗的研究中去,這也在未來 0 代碼平臺到來后,我們才能更快更好的投入到新的生產中。


          作者:程鑫

          轉載請注明:學UI網》中后臺產品的產研協同提效調研

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系01063334945。


          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



          5000字,作品集中的推理部分該怎么寫!

          seo達人

          圖片

          現在很多公司面試UI都會面試交互能力,問你設計方案的推導、怎么量化、怎么分析、怎么做深度的設計思考等等,所以呢大部分設計師在本身視覺能力沒那么強的情況下,無奈在作品包裝中加入了推導分析的文字部分,結果,問題又來了,這些分析過程和推導其實是經不起推敲的,因為往往在實際工作中,大部分設計師沒有真的運用過這些方法、數據,靠的是參考市面上的作品集從而包裝出來,也就經不起面試官的深問。最后作品集也成為了四不像的結果。

          那么如果我們的設計基本功沒那么強,但又想展示自己的思維能力該怎么做呢?我在這里并不是教大家怎么去編和套設計流程的框架和理論,而是希望大家能明白,如果要放你的思維過程,應該怎么正確的去放,如果真的沒做過,我建議不要去硬套,很容易漏洞百出。

           

          設計師的定位和價值

          一個項目的推導過程首先要明確,你在項目中扮演的是什么角色,你在整個項目中的價值是什么,是獨立負責?還是某一個環節的執行者?我相信很多同學都想把自己包裝成一個獨立負責人,恨不得整個產品從立項到調研到分析到執行都一個人包攬,但你越這樣去包裝,作品集內容就越零散。

          作品集主要展示的是你個人的能力,而不是讓你去描述和介紹你的產品。很多同學都變成了后者,比如先描述項目背景、產品的用戶群體是什么、每個功能模塊分別是什么功能…..這樣的方式去包裝作品真的味同嚼蠟,沒體現能力不說,還很枯燥。

          圖片

           

           

          一、講故事

          其實我們可以用講故事的框架,來整理項目流程以及展示你在項目中的價值。在上學的時候老師會跟我們說,要講清楚一件事,需要分別理清楚三個階段,分別是:起因、經過、結果。所以我們現在要講一件什么事呢?我們要講的是,你是如何通過設計手段幫助產品/用戶解決問題的。

          那么我們就可以用起因、經過、結果三個階段來闡述我們是怎么解決問題的,把這個邏輯給梳理出來。

           

          1、起因

          起因包含了

          1.有哪些問題/機會

          2.你是怎么發現問題的(為什么要做這個項目)

          3.導致問題出現的原因是什么

          圖片

          比如我舉個例子,我發現我家廁所外墻開始掉粉脫落,甚至時不時的浴室柜下方會流出一些水,所以我懷疑是不是哪里漏水了,在這里我用的是觀察法,用觀察法很直觀的看到了問題。接下來我要去找到問題的原因,到底是什么原因導致了外墻掉粉脫落以及滲水的問題。于是我先自己做了一個假設,是不是埋在地下的水管破了?因為之前有用過腐蝕性很強的通下水道的藥劑,但是這個原因被我排除了,因為如果水管漏水那么就會一直漏,而不是間歇性的出水。那還有可能是什么原因呢?浴室柜中下水管堵塞導致水流到了沒做美縫的縫隙中嗎?還是樓上漏水滲下來了?

          圖片

          最后經過多個原因的排除,問題找到了,是由于樓上確實漏水以及淋浴間下水不暢長期積水導致水從下水管口子邊上的縫隙流了過去,兩個原因。

           

          所以我們再回過頭來看,作品包裝中起因應該說明哪些事項:

          1.1和2可以合并在一起寫,比如通過xx方法我們找到了目前產品中存在的問題,也可以寫我們找到了xxx問題,是由于我們用了xxx方法。

           

          2、你是怎么發現你產品中存在的問題的?

          是自我經驗的觀察判斷?還是通過數據分析找到的某個現象(比如一個板塊的點擊率在逐月下降)還是通過對用戶訪談或者體驗地圖找到了某些體驗問題?你得采用一些方法,越客觀越好,比如很多同學在找問題的時候總會用一些比較寬泛的修辭來描述:首頁結構不合理、層次不清晰、體驗較差,所以看到這樣的描述,我就想問,那么具體不合理、不清晰、體驗較差的點在哪里呢?為什么你覺得不合理、不清晰、體驗較差?是你的主觀感受?還是數據表現?還是客戶的體驗?你得證明出來。所以問題的來源是很多的,有的是你專業經驗的判斷,有的是用戶的反饋,有的是數據的表現,都不一樣。

          圖片

           

          3、導致問題出現的原因是什么?比如很多同學做改版,改版原因他們就寫:結構不合理、層次不清晰、體驗較差…..這個是不對的,改版原因應該是,由什么具體事件,導致的結構不合理、層次不清晰、體驗較差,比如通過對用戶在支付任務流程中的數據表現,我發現經常有用戶在支付流程中跳失,導致轉化率下降,因此我們調研訪談了10個在支付流程中跳失的用戶,其中8個用戶在準備支付的時候找不到編輯收貨地址的功能,于是他們放棄了這次支付,這個問題凸顯的就是核心功能沒有滿足用戶預期,有效性差。至于樣本量的問題我就不展開了。

          很多同學在第一階段會放很多產品的一些市場研究、定位,這些其實一點用也沒有,雷聲大雨點小,一開始切入點很大,結果這些點對描述你的設計能力沒有任何幫助,并且在后面的設計方案和策略中也完全不能體現出來有什么關聯。不如聚焦一點,針對問題直接進行展開。

           

          小結一下,起因包含了3個問題,這三個問題可以通過幾種方法來解答:

          1.你是怎么發現問題的(經驗判斷法、渠道反饋法、用戶調研法、數據分析法、可用性測試…..)

          2.有哪些問題(卡片分類法、kano模型、價值分析法……)

          3.導致問題出現的原因是什么(經驗判斷法、用戶訪談、觀察推測……)

           

           

          二、經過

          這個階段就是用來體現你是怎么解決問題的,這里我們就要來講到解決問題的策略和邏輯了。諸葛亮草船借箭大家都聽說過吧,這個事件的問題在于缺箭,為什么會缺箭呢?原因是沒有足夠的時間和材料來制作那么多箭矢,要解決這個問題怎么辦呢?招募更多的士兵?收集更多的材料?采用緩和之計爭取時間?顯然這些策略是無效的,那怎么辦?內部不行,只能靠外部來解決,于是就有了草船借箭。

          再舉個例子,這兩天有點頭痛(問題),醫生說頭痛可能有多種因素造成的,例如睡眠不好、頸椎有問題、受涼、壓力大等等(原因),所以為了解決這個問題,我就可以有幾個不同的策略,如果是睡眠導致的,那么我就通過改善睡眠質量來解決,如果是頸椎導致的,那么我可以去找中醫做一下推拿,這些都是解決問題的策略。

          所以在經過階段你必須講明白你是怎么選擇一種合適的策略的。舉個例子,比如有一個新的電商產品上線了,并合作了一些大品牌,但是我們發現這個品牌的銷量還不如一些不知名的品牌來的高(問題),于是我們通過第一步的研究起因,發現用戶之所以不買單,是因為他們覺得這些大品牌在你們平臺賣的是不是假貨(原因)。那么為了解決這個問題,我們就要研究一下具體的策略,怎么樣能夠讓用戶對該品牌產生信賴,而我們又如何才能讓用戶知道這個品牌是正品呢?

          圖片

          策略1:透出品牌資質和曝光度:告知用戶我們有品牌授權的資質

          策略2:給予用戶更多保障:給用戶產品質量的售后保障和檢測權利

          策略3:讓用戶提前進行體驗:可以給部分用戶試用

          經過分析以及成本權衡,策略2和3實施起來較為困難,成本高,于是策略1是一個比較好的選擇。那么具體的方案就要到第三階段來呈現了。

           

          再舉個例子,抖音大家都有用過吧,在之前的老本版中,有用戶想查看當前視頻的上下集,非常不方便(問題),因為需要點擊或者側滑進入作者首頁,然后經過滑動才能找到當前視頻的位置(原因)。所以為了解決這個問題,如果你是抖音的設計師,你會有哪些策略呢?

          策略1.提高用戶查看視頻的效率:直接給用戶定位到當前視頻

          策略2.提高作者制作系列視頻的便捷性:可以讓用戶不用進入主頁也能看到上下集

           

          所以,小結一下,“經過”這個階段中找策略我們依然也可以用到一些方法:上癮模型、aarrr模型…..但是這些模型我是不建議大家在作品集里寫的,太形式化了,在大廠的設計流程中,設計策略基本上是通過產品和設計的經驗判斷給出的,不會真的說是靠這個模型工具而產生輸出的策略,比如像我們說“給用戶一種溫暖的感覺”,這是一個設計目標也可以是一個策略,但它很難說是由哪個方法論或者工具提煉出來的。

           

           

          三、結果

          結果,也就是我們通過設計目標和策略,選擇具體的設計方案。在作品集中,設計方案給面試官展示,這其實沒那么重要。面試官想看的是什么呢?是你雖然最后給出了a方案,但是在設計過程中,有沒有b方案和c方案,最后讓你選擇a方案的理由是什么,你是怎么思考的,也就是方案的由來。

          這個才是我們展示能力的最好表現。以上面的抖音為例,通過策略1,用戶點擊主頁可以直接定位到當前視頻的區域以便用戶查看上下集,如果直接根據這個策略設計方案是很簡單和直觀的,只要定好位,并給用戶一個當前正在播放哪個視頻的狀態,做個標簽即可。

          但是最終方案并不是這樣的,而是當用戶側滑或者點擊頭像后先定位到的是用戶主頁的頭部區域,而在右下方給了一個“剛剛看過”的按鈕,點擊按鈕才會定位到剛剛正在看的視頻。

           

          圖片

           

          這兩個方案顯然是有區別的,為什么不直接定位,而要多給出一個“按鈕”呢?原因就在于抖音更希望觀看者和作者能夠更多的產生互動和鏈接,提高作者的關注率,讓觀看者先看到作者的主頁,再去查看剛才的視頻,因為只有你關注了作者,作者才有更多動力去制作視頻,同時關注作者也會為你個人的偏好附上一個大的權重,以便于做更精準的推薦。 

          這是對于兩種方案的解讀,所以方案a和方案b,為什么選b不選a,這就是理由。當你的方案呈現在作品集中,面試官就會這么問。

          通常在做方案的時候,大家也總會用到競品分析,競品分析是一把雙刃劍,它可以讓你的方案至少不會出大錯,也可以讓你的方案沒有特點,所以這也很考驗設計師是怎么將產品業務的定位、用戶屬性、業務目標的差異化結合到方案中去的。競品分析大家也很喜歡單獨拿出一個板塊放在作品集里,咱先不論有沒有真實操作過,放在作品集里的內容,一定要有目的性,大家仔細品一下這句話。你想要通過放這塊內容告訴面試官什么?是你拿了一堆競品做了比較和描述,還是說你能夠結合自己業務和用戶的特性,找到和其他競品設計差異化的點,最后應用或指導到你的設計方案中去?

           

          結果階段除了方案的探索、權衡外,還需要進行驗證和復盤。雖然咱們花了很大的力氣,從發現問題到找到原因,再到定義目標和策略,最后選擇方案,但并不意味著最后的結果是好的,因為我們不知道我們的方案到底有沒有解決最一開始的問題,你原來頭痛,最后選擇了吃藥,結果吃了一個月,還是沒好,那就說明:1.問題原因不對 2.策略有問題 3.藥吃錯了。所以如果你要以結果為導向,那么最后的驗證和復盤不可缺少。那有同學說,我們公司沒有數據,沒有用戶,那我要怎么驗證呢?那我勸你好好跟產品或者老板去談一談,雖然你想操這個心,但是老板都不在意那也沒有辦法,但是你在面試的時候需要表達出這樣的思維。

           

            

          總結一下 

          再說一下,分析推理部分,不是UI/UX作品集必備,你想做純視覺包裝作品集也可以,但我們要清楚,你應聘的崗位要求是什么,而你的作品集和崗位要求是否能對應起來?,F在的一些公司要求都很高,UI和UX都成為了標配要求,所以我們盡可能要把這兩塊都在作品集里展示出來。有人說,我實在沒做過這些東西,讓我編也編不出來怎么辦?那就從今天起試著開始主動找找產品存在什么問題,然后去解決它,試著走一遍:起因、經過、結果三個階段,我相信你一定會有收獲。 


          作者: 應駿

          轉載請注明:學UI網》5000字,作品集中的推理部分該怎么寫!

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系01063334945。


          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合