本人曾經講過,設計師的分析能力遠遠大於設計技術本身,那分析什麼呢?本研究報告認為,使用者行為分析是設計師最應該精通的。對於按鈕,無論是真按鈕,還是偽按鈕(偽按鈕是:僅表示這個連結與資料提交相關,或者就是為了突出連結,用按鈕表示,叫“偽按鈕”),之所以要以按鈕的形式表示,最大的目的還是希望讓使用者知道點這個按鈕時可以提交資料,是可以和網站互動的,或者點了以後就可以出現與網站或使用者互動的頁面出現,那麼評價設計成敗的標準就變成了:有需求的使用者是不是注意到、願意去點這個按
對於B2B行業網站的頁面設計,大家可能更多考慮頁面用色、導航條、按鈕、標題列的設計,內容設計可能常常被大家忽略。但是如果內容設計的不好,可能會讓你的所有設計被毀於一旦。比如如何讓內容有主次之分、層次感,使內容看起來不會太亂、太多,使使用者不願意繼續閱讀下去,很快離開網站,不能留住使用者繼續訪問。 在本研究報告前面章節我講過,永遠要記得使用者在沒有明確的閱讀內容前是掃描而不是閱讀,在導航頁面,使用者很樂於掃視一句一句的內容,對於大面積沒有重點的內容,沒有耐心,我們必須在網頁上提供既簡短又有一
商品詳情頁是電子商務網站中最容易與使用者產生交集共鳴的頁面,詳情頁的設計極有可能會對使用者的購買行為產生直接的影響。因此,商品詳情頁面的設計會涉及到運營層面,在美觀實用的基礎上,將要表達的資訊儘可能用直觀的視角展現出來,再有意識的避免設計與運營之間的衝突。 一、商品展示圖不宜過大,滑鼠移至上方展示細節 商品詳情頁中的圖片展示是使用者進入該頁面後的第一個視覺點,有設計師可能會因此認為這張圖片的尺寸應該儘可能放大,讓使用者對商品概況一目瞭然。但作為設計師也應該考慮到右側文字資訊對
引子: 年初時互動設計師與產品經理座談,議題關於互動設計師應從哪個工作環節切入更能發揮其自身價值。結論是互動隨產品經理參與到項目初期需求挖掘階段,更早的參與瞭解業務需求及使用者需求,與產品經理共同產出PRD(帶有使用者體驗的高保真原型部分由互動設計師著力產出,原型好處:方便使用者參與可用性測試、整個產品團隊更直觀地把握設計要求,優勢是顯而易見的)。取而代之目前項目正式啟動,產品經理產出詳細的PRD後,互動設計師再參與到項目裡參與原型設計,有點遲,能量沒能充分釋放!另外我們獲得了更多機會接觸
一、平面視角的社交電商頁面設計: 電商頁面的UI設計經常會出現的頻道有:首頁、團購、品牌特賣、專題活動、達人等。愛逛現有的頁面,也是按照這種布局設計的。如果把看頁面的視覺流程比擬成我們在shopping
為什麼要做相關商品推薦? 商品詳情是可能挖出金子的島嶼,我們都知道。 於是我們使了各種招式,終於讓使用者來到了商品詳情頁。我們悄悄念起魔鬼的咒語,恨不得使用者馬上去點全頁最醒目的那個“加入購物車”或”立刻購買“。可是,絕大部分B2C商詳頁的UV轉化率不超過5%(何況是PV!),絕大部分使用者最終是不會購買這個商品的,有可能他是被大胸的模特圖騙進來的,有可能價格不合適,有可能商品細節不喜歡,有可能大多數的好評裡有一個讓他難以接受的差評,總之,
1,如何設定WangWang左邊的標籤導航 阿里WangWang左邊的標籤導航可以由您自行來設定,具體設定的方法如下: WangWang頁面-1 1) 您可以點擊WangWang右上方的菜單,選擇“系統設定”按鈕 2) 選擇“個性設定”下的“標籤”按鈕,如下圖所示 WangWang頁面-2 3) 選擇預設要顯示的內容 4)
1.效果圖和創作思路 思路創作:這個服裝品牌是年輕活力的,所以在前期拍攝時,就準備做一些有趣味性的畫面。把服裝擺放在白色背景上,擺出擬人的造型, 後期通過摳圖重新構圖處理。 製作痛點:製作的是平面語言比較強烈的畫面,所以要注意畫面處理的乾淨一些,比如摳圖部分,要注意細節邊緣的處理,不要太生硬。 2.建立畫布拖入素材 建立一個白色的RGB背景。 開啟頭像素材,選了一張素描石膏像做頭像,惡搞一下。 分類:PS入門教程
一、基本常用的快捷短語設定思路; 二、設定快捷短語的具體步驟,如何修改、移動位置; 三、快捷短語如何應用,匯入、匯出 下面給大家舉幾個例子介紹一下,基本常用的快捷短語設定思路,可以利用的地方當然不止這些,相信大家可以舉一反三,靈活應用。可以參考一下: 1、有人來"旺"我們時 設計一個問候語,這點很重要,即能夠顯示出自己的熱情,也可以顯示出自己的專業。這個大家可以根據自己的語言習慣、表達方式來定。比如如下一位網友的設計: 您好!我們專門做出口綠色封裝
厚道地說,這個完全是我自己摸索嘗試出來的。 中間浪費A4列印紙N張-。- 名片的設計效果什麼的也是慢慢試出來的。 總之為了給自己做一個漂亮合適的名片也算值得了。 先說一些細節問題。 1、打字的時候,字型最好選“渾厚”,這樣看起來比較舒服。當然如果你本來選用的是特粗型的字型就不必了。 2、做邊框、描邊最好用黑色,做完之後在外面加上一層白色的5象素描邊,不然感覺就和畫面混在一起了。 3、素材圖片選擇的時候,最好本來就是單色的圖片,例如各種漫畫圖片。這樣比較省
髮絲美化也是比較費時的,作者總結的方法非常實用。思路:先對髮絲部分做分析,找出缺點;然後截取髮絲自然的部分,通過複製及蒙版控制範圍,把整體髮絲處理得流暢自然;下一步就是髮絲細節添加,用髮絲筆刷或鋼筆勾出一些髮絲增加細節;最後一步就是髮絲光澤的處理,用雙曲線或中性灰等方法來美化。 原圖 最終效果 1、首先我們在ps裡面開啟圖片,進行觀察,發現頭髮問題很多,選取頭髮形狀和走勢比較好的部分。如下圖。 2、然後進行複製,移動到合適位置,添加蒙板,使用畫筆進行融合,讓它過度自然,如
很多人都沒有進行過有關平面設計的學習,但是也能做好ppt,就是因為大多都用到了模板,自己做多了看多了就自然而然的會做ppt了。這裡給大家介紹幾種商務ppt版面的布局。 1上下布局:一般是從上到下的順序擺放標題、圖片、文字等。 2左右布局:這也是一種常見的排版方式,左右個柏拉圖片或文字,產生對比。 3圓形布局:圓形有聚攏效果,引人注目,在排版裡也是很好用的。 4等分布局:根據內容需要,可以把頁面等分幾個部分,這樣具有很好的平衡感。 5棋盤布局:這種統一模式可放很多的內容,
首屏(above the
教大家用PhotoShop設計製作一款淡灰色調為主的絢麗商業web頁面效果,該教程將逐步教您如何製作一個華麗的Web網頁, 喜歡的同學可以學習一下! photoshop教程效果圖: 1、首先需要建立一個新文檔,大小 1200*1172px,背景設定為#efefef 2、使用矩形工具,在所建立新的圖層內一個大的灰色矩形,命名“Grey”,大小1200*62px。 3、為這個Grey矩形添加如下圖層樣式。 分類:PS入門教程
伴隨著互連網的成長,通過電子商務網站實現商品交易越來越頻繁,而訪客在面對越來越龐大的資訊量時會感到迷茫,因此,優秀的導航設計能夠提高網站的易用性,對實現電子商務網站的高效運作具有實際意義。 另,電子商務網站的首頁導航設計必須本著使用者體驗為佳的原則,既要將網站中的所有資訊都在有限的導覽列中體現,又要為使用者反饋出重要的協助資訊。網站因其獨特的重要性和不可替代性,在電子商務網站設計中日漸凸顯出舉足輕重的地位。 1、符合網站內容結構 在設計電商網站的導航之前,事先應該對網站整體
今天這篇文章讀完後,同學們可以來做一個小練習,根據文章,把優設看做一個電商網站,文章看做商品,來分析一下哪篇文章是熱門,有哪些突出的方法,文章裡藏有哪些引導使用者的細節等等,即學即用,不容易忘,分析得好,我給你點贊,手動的那種。 @AnyForWeb_UDC
現在的網購DIY主機大體可以分為兩類,一類是在諸如京東、天貓等知名電子商城購買配件自己組裝,另一類則是在網店上由一些商家自行組裝之後給使用者發貨,而我們今天要說的就是後者,一些“組裝機”看似親民,但是這其中的陷阱還是非常多的。 近期,雙十一相關的促銷活動已經開始了;而雙十一雖然能夠趕上一大波“殺價促銷”,但消費者們還是不要盲目消費。那麼本文就給大家說一說網購DIY主機裡邊存在的一些陷阱,希望能協助到大家。 虛高價格要查清 DIY主機的價格
暢遊在各大電商網站的你,在網購時不知曾否察覺到有些小不同? 排開具體的商品內容、視覺樣式,回憶下那些我們熟悉的商品頁面…
一篇簡單建立歐美商務網站的教程。在本教程中,我將告訴你如何用PS構建建立歐美商務網站。這樣的布局商務就緒布局,企業網站, 甚至是一個WordPress主題。 先看看photoshop教程整體樣式: 開始,建立一個新的文檔,將填充背景層顏色值:#ece5db。 1、在底部的布局,建立一個圓角矩形工具。設定前景色彩為:#f6f2ed。 2、為圓角矩形添加如下的圖層樣式。 分類:PS入門教程
網路上的電商人數越來越多,那麼現在我們做電商還有的做嘛! 其實,還是有機會的,這裡面有兩個關鍵點,一是所提供的產品及服務、另一個是別人訪問我們網站時的感覺,也就相關到電子商務網站網站伺服器。