12345...100
推薦課程
  • 見微|提前預判的設計(一)

    文章/經驗見微|提前預判的設計(一)

    我們在記錄片或影視作品里都見過這樣一個畫面,手術室的主刀醫生一個眼神,助手就知道遞上什么工具。助手的默契配合符合醫生的預期,手術才能順利高效進行下去。產品設計中的提前預判就是類似的功效。如何去預判用戶想要什么,我們可以從用戶的行為習慣、歷史記錄、所處環境、內容偏好以及易誤操作場景等方面進行考慮,從而輔助用戶決策,提高操作效率。用戶的行為習慣在一些場景里,用戶的行為習慣具有很強的共性,如收到驗證碼短信后下一步填寫驗證碼,下班時間選擇打車一般是回家路線,重新打開上次未看完的視頻是想從中斷的地方繼續觀看,等等。設計師通過梳理任務處理流程或觀察用戶實際使用情況(不局限于自身APP,而是從用戶整個行為鏈路去看)可以挖掘出很多基于行為習慣提前預判的產品設計點。  淘寶:截屏分享在淘寶APP內截屏后會出現提示分享功能和針對產品的反饋入口,預判用戶在 APP 內截圖可能是想要跟好友分享或反饋問題,所以適時將入口透出,提高分享和反饋效率。支付寶:黏貼功能當用戶已經復制了手機號碼,再打開支付寶使用搜索/轉賬功能時,支付寶會詢問用戶是否直接搜索/轉賬給復制的號碼,用戶只需要一次點擊即可完成操作。復制粘貼是最常見的行為對,而號碼是一種特殊格式的信息,當輸入框正好識別到了用戶的輸入行為且內容格式匹配時,可以達到較高的預判準確度。微信:朋友圈“跳到還沒看的位置”如果在閱讀朋友圈中途退出再次進入時,會在內容流中間出現一個“跳到還沒看的位置”,幫助用戶快速定位之前離開的位置。YouTube:分享視頻可以定位時間點在 Youtube 中分享視頻,會自動獲取用戶當前觀看時間進度,提供開始時間便捷選項給用戶。如用戶勾選,朋友打開分享鏈接則可直接從該時間點開始觀看視頻?;诓糠钟脩粼诜窒硪曨l后,會另外告知朋友“亮點在第X秒”或從“第X秒開始看起”,設計這個小功能的目的也是滿足這部分用戶的需求,提高分享效率。支付寶:轉賬用戶在消息頁上劃瀏覽,頁面底部出現“找人轉賬”按鈕,幫助用戶快速完成轉賬,懂用戶所想,以達到用戶的心理預期。新浪微博:自動彈出評論用戶在感興趣的帖子停留時間一般會稍長,通過讀取屏幕停留在當下內容的時間,會自動彈出評論,人性化的方便用戶直接評論,無需點擊跳轉。 歷史記錄的預判歷史記錄的預判分兩類:一類是用戶個體的歷史記錄,用戶在互聯網產品使用中,必然需要記憶一些信息,記憶模糊或錯亂都會造成用戶操作流程中斷。所以貼心的產品設計,可以通過用戶的最近使用記錄,猜測用戶需要的信息,幫用戶承擔部分記憶工作;一類是系統整體的歷史記錄,通過對歷史數據分析來預判當前或未來趨勢,幫助用戶決策。 A. 個人歷史記錄:有道云筆記/喜馬拉雅:上次登陸很多 APP 都接入了第三方登錄方式,注冊登錄都更方便了,但有時也會忘記自己是用手機號還是微信、QQ 授權登錄的,逐一嘗試不免浪費時間。而有道云筆記和喜馬拉雅聽登錄頁自動提示了上次登錄的 ID 信息,便于用戶記憶以前的登錄方式,避免混淆不同賬號。阿里健康:音視頻背景提示線上問醫,雖然在預約時間到達前醫生和患者同時會收到短信提醒,將有視頻/語音接入,但由于醫生的患者過多,醫生很容易忘記服務的患者的基本信息,還要醫生在電話溝通時再次詢問,造成溝通成本的提升;并且也給患者不良感受,錯認為醫生不負責任。該方案在音視頻接通過程為醫生提供信息提示,幫助醫生快速定位,提升問診質量。 B. 系統歷史記錄:高德地圖:查看當前線路未來用時高德地圖搜索目的地選擇相應路線后,可查看當前路線行程導航的預估用時,運用柱狀圖直觀展示不同出發時間到達目的地的所需時間,滑動時有震動的切換效果,同時上方地圖會顯示該時段路途上的擁堵情況,顯示預計到達時間。從而幫助用戶進行決策避開車流高峰,更合理安排出行時間。

    Alibaba DeAlibaba De 805 3 0
  • 版式改稿設計教程

    教程版式改稿設計教程

     嘿嘿,改稿小柒來啦你們是不是每次拿到需求后沒有思路?還在不斷改稿?今天通過幾個改稿案例,來講解如何梳理邏輯,整理思維找到痛點并且解決他!ok,廢話不多說,直接搞起~案例一我們先分析版面現存在的一些問題①主題不明確,添加的圖形元素與主題不相符②如是展覽海報,則缺少必備信息(時間地點)像這種純文字的海報該怎么編排呢?確定主體以及構圖,我們先確定他的主題,根據“榮耀綻現”可以聯想到音樂節、開幕式等等關鍵詞,這里定音樂節主題,構圖暫且上下構圖2.文案梳理,將有效的文案信息整理出來,并適當添加一些輔助信息,幫助版面表達主題秉持親密性的原則將文案進行歸納分類,當詞組不夠豐富時可以適當翻譯英文添加進去形成中英文對比,當然,和音樂節相關的一系列元素:圖形、購票渠道等都可以添加來句題外話,大家作圖的時候一定要養成給圖層建組的習慣,文案可以一行打完的就不要拆開分成多行了!圖層找的我是真的難受哇~55553.步入正題,擼起袖子就是干,按照主標題-開幕時間-門票價格-須知-地點-舉辦單位的順序來編排文字組,并且適當添加圖形進去豐富層次4.文案部分調整好了,難點來了,配什么圖更合適呢?嘿嘿!這里教大家一個方法,翻譯主標題的英文調整字形作為圖案進行畫面填充也是一種慣用技法哦~5.讓我們把編排好的文字組以及圖案放置版面中,給背景添加一個波點紋理即可完成啦!嘿嘿,效果完成啦,你們學廢了嘛~趁熱打鐵,我們繼續來~案例二老規矩,我們先來分析版面①版面使用色塊來對人物進大范圍多層切割,使得人物識別性降低②文案層級不突出,不能捕捉有效信息,用戶閱讀視線引導體驗差調整構圖,很明確這是一張人物海報,常規的將人物擺放版面中心略顯常規,我們不妨換個角度,放大人物局部當然放大人物局部也是有一定講究,在保證人物辨識度的前提下去進行局部放大2.文案梳理,方法同上,將有效的文案信息整理出來,并適當添加一些輔助信息,幫助版面表達主題,秉持親密性的原則將文案進行歸納分類,當詞組不夠豐富時可以適當翻譯英文添加進去形成中英文對比3.哦豁,親密性是什么?給大家來個比喻~相關聯的元素彼此應當靠近形成一個組,多個組將形成一個視覺單元,而不是獨立的元素,有助于組織信息,有效引導用戶閱讀4.將文案放置版面內,也可以適當添加圖形元素、藝人簽名照,給畫面增添活潑的氛圍,位置擺放好后便可調整文字的顏色。5.大體的圖文架構已經編排好,但背景顏色過于素雅,我們可以利用彌散光感的視覺效果來豐富整個版面6.可以看出,人物帶有磨砂質感,所以我們可以給背景也添加磨砂紋理質感,統一畫面,也可以加個薄膜效果,增添畫面層次嘿嘿,是不是又學到一招~ 再接再厲,gogogo!案例三咱們繼續,接下來這張海報是 一個月球探索主題的海報,先來分析一波~①版面當中沒有版心②文案層級松散月球探索可以怎么改改呢?我們可以想一想拓展一下思維1.調整構圖,根據“月球探險”去聯想關鍵詞,開發腦洞的時候到了,月球探險會出現什么?再結合人物的動作表情,跪倒在地仰望天空,在看什么?我們可以設定一個故事性,宇航員因工作所需不能回到地球,自身一人在月球生活,很思念家鄉的場景;那么我們可以先確定構圖,采用黃金螺旋比例構圖,將人物放置螺旋的終點處2.黃金螺旋又是什么?螺旋是自然界最偉大的秘密,自文藝復興以來,藝術家和建筑師在作品中大量運用1:1.618這個比例,運用螺旋原理,將重要物體放置在螺旋的底部,創造引人矚目的視覺體驗3.人物的位置擺放好后,咱們可以沿著人物的視線,添加地球的素材,以及月球的表面作為地面,既然是在月球探險星空必定少不了,必須也安排上4.文案梳理,將有效信息都提取出來5.整合主題月球探險,更多表達的是意境,所以文案編排上面盡量采取大留白處理,不用鋪滿整個畫面~再來個點睛之筆,給人物加個視線光,增添引導性~6.接下來咱們把色調統一,背景的星星展示部分即可樣機我們也必須給整上,別人有的我們也要有

    設計加油站設計加油站 4832 36 3
  • 商業合成案例演示教程

    教程商業合成案例演示教程

    持續更新精品合成教程,滿滿的全是干貨!在美妝或者飲品類目中漸漸有很多人開始選擇用增強瓶身的質感來體現產品的質量的手法,一般會選用強反射來展示瓶身的通透度,沿用產品的選色做干凈通透的光線好的,我們第一步已經確定了方向,材質大概以玻璃為主,其他還有一些更透亮的、混有磨砂的玻璃或者毛玻璃鏡子、亞克力一類在反射強度上略有不同的材質首先打開我們的產品,摳干凈,然后放到畫面靠近中間一個合適的位置因為我們可以看到產品的底部所以定下視平線在產品的下方然后根據產品定下一個透視,這次是兩點透視從定好的消失點處各拉出一條參考線,其余兩個方向的邊沿這兩條參考線畫,注意畫的同時改變明度區分明暗面哦相同的方法把其他的臺子都畫出來首先我們需要給產品豐富一下光影,如下圖所示,當環境沒有光或者光源較弱時,產品會顯得比較平,沒有突出高亮的部分當環境有充足的光照的情況下,因為玻璃材質固有的反射,產品上高亮和較暗的地方都會出現,且對比往往比較強烈,產品的體積感得到充足的體現這個圖中我們假定光源是在左上方,現在的產品看起來光感還不夠強,首先補充產品的受光,那么總的規律應該是靠近左邊和上方的方向產品有明顯照亮,在靠近右邊和下邊的方向產品總體較暗OK,現在分析完了,下面開始操作吧!現在的產品總體有點平,先用曲線整體增加一下對比度,增加產品的對比度體積感產品左邊的邊緣要畫出高亮部分,因為光的折射和透光所以產品右邊對應的邊緣也會是高亮的,另外瓶子正面圓形突出的結構也要單獨提亮,高亮部分也依然遵從左上邊到右下邊過渡的規律下面這一步是畫出產品的暗部,光影刻畫一定是分出明暗,如果全部很亮會顯得很飄而且沒有對比,單獨選擇背光部分壓暗下去可以凸顯亮部更亮最后可以搜索光效素材進行添加,改為濾色模式放在產品邊緣高亮部分,用蒙版擦除多余的部分,這一步可以隨意一些,自然即可,然后產品的光影就刻畫完了所有的模塊都需要根據距離和受光程度來做出明度的變化,在靠近光源的地方用曲線提亮向暗處漸漸衰減,在遠離光源的地方用曲線壓暗并向亮部漸漸衰減下面開始做所有的臺子的受光,之前我們只是把結構用顏色的明暗大致區分了出來,現在開始要做過渡,塑造立體感下面就以產品下面這個大臺子為例子,首先選擇靠近光影方向用曲線提亮,并作出衰減過渡第二步反向選擇靠右下的大部分區域再次添加曲線壓暗,同樣要做衰減過渡,這里我統一用的是曲線屬性中的羽化,數值根據效果自己決定就可根據遮擋關系,進一步壓暗和不容易受光的部分,選區可以自己手動用套索或者鋼筆畫一下,記得都要做衰減過渡大家可以看出除了添加的遮擋關系,面上的明暗都是在相反的方向上并向中間區域漸漸衰減過渡最后加上記得加上邊緣高光然后所有的平面都應用相同的規則把明暗的過渡做出來好啦,現在畫面中大致的明暗關系已經構建好了,下面開始做不同材質的反射效果!第一個左邊的厚玻璃效果,先看特征第一個左邊的厚玻璃效果,復制產品剪切進入玻璃表面,動感模糊高斯模糊一下,使用蒙版單獨顯示高光部分放在玻璃表面的最右邊,圖層樣式改為濾色,適當拉一下曲線提亮一點就可以了第二個產品后方的鏡子效果1. 鏡子中會有鏡子前方對象背面的鏡像,和我們直接看到的畫面是左右相反的2. 鏡子也不是全部都很清晰,有的鏡子在光的影響下也會像玻璃一樣產生模糊的亮光首先要準備產品的背面圖片,沒有的可以像我一樣用正面的圖片改一下首先打開瓶子的背面素材,放到鏡子適當的位置中剪切進入鏡子中,適當模糊一下現在圖片有點平,用曲線在受光方向提亮一下,增強一下對比度,注意鏡子中的高光位置要保持統一哦第三個產品右邊的毛玻璃效果在材質上毛玻璃是比玻璃更粗糙,通常表現為玻璃的反射強度削弱,照出的鏡象更模糊復制產品找一個合適的位置剪切進入毛玻璃表面,高斯模糊多一些,圖層樣式改為濾色第四個是產品前方的亞克力效果1.亞克力的特點在于他像玻璃一樣的通透,但是沒有玻璃那么強的反射2.厚度的體現,厚度部分是整個亞克力顏色最重的地方,要根據結構添加高亮和較暗的邊框先做一下左邊側面的效果然后做一下正面的效果

    設計加油站設計加油站 8016 92 0
  • 2022年行業6大趨勢色彩方向

    文章/經驗2022年行業6大趨勢色彩方向

    掌握色彩是設計重要能力色彩可以說是用戶感受到設計最快的方式,不同的色彩應用會影響消費者的感覺以及行動。傳統平面設計上,色彩承擔著奪人眼球的第一眼印象數字介面設計中,色彩是產品品牌傳遞的重要載體工業設計里,色彩更是消費者生活態度與方式的投射因為色彩是最能引發用戶心態共鳴,并調動用戶情緒最有力的元素之一。隨著時間的推進,不同群體的感覺會發生變化,這就是為什么有所謂復古、新潮等等說法。作為設計師對趨勢的關注是必備意識之一,今天我們一起看看阿里巴巴商品設計孵化中心,與全球權威趨勢機構呈現出2022年的色彩趨勢吧。2022年行業色彩趨勢對趨勢要敏銳人們的喜好總是在不斷地變化當中,作為設計師要多關注各種風格、流行、趨勢,來持續保有敏銳的感受外,更能讓設計出來的產品在市場上獲得更好的反響喔。. . .你喜歡這些顏色嗎??歡迎保存圖片,在你的設計中使用喔!—文章與圖片引用來源:阿里巴巴商品設計孵化中心聯合機構:WGSN內容與圖片編輯者:智羚、樂司

    Alibaba DeAlibaba De 5019 21 1
更多

推薦設計師

更多

推薦職位

推薦品牌

致設計 - 百萬設計師交流平臺

深耕設計領域7年,聚集超過100萬+優秀設計師持續分享原創作品,文章經驗教程等

0

熱愛設計的小伙伴

/
0

作品 / 文章

/
0

30天內更新優秀作品

合作伙伴

恭喜作品被選入首頁推薦,快去領取獎勵吧!點擊查看
A片在观看洲成av人片 永久免费A片在线观看全网站 中文国产成人精品久久 亚洲无无码αⅴ每日更新 亚洲AV无码专区国产乱码