UI設(shè)計

實戰(zhàn)：如何從Ui設(shè)計轉(zhuǎn)行到產(chǎn)品經(jīng)理？

()公司招聘產(chǎn)品經(jīng)理，都希望招聘有經(jīng)驗+有上線產(chǎn)品+有成功數(shù)據(jù)的產(chǎn)品經(jīng)理。而剛開始轉(zhuǎn)行到PM的話，則可以從這三點入手：準(zhǔn)備知識技能類作品+加上之前的Ui工作經(jīng)驗+熟悉互聯(lián)網(wǎng)主流行業(yè)的業(yè)務(wù)流程+廣泛的興趣愛好。這樣就可以順利轉(zhuǎn)行到產(chǎn)品崗位了。我把轉(zhuǎn)行PM的思路，畫了一張圖。如下：首先，Ui轉(zhuǎn)產(chǎn)品的原因需要自己想清楚，因為面試的時候，面試官會問你：”為什么想從Ui轉(zhuǎn)產(chǎn)品？“至于我當(dāng)初從Ui轉(zhuǎn)產(chǎn)品的原因，我寫個清單，給大家參考一下：1.我想轉(zhuǎn)換思維因為Ui是停留在界面上，對產(chǎn)品進行設(shè)計的；而我想從產(chǎn)品定義的角度，來對產(chǎn)品進行設(shè)計；比如：電商產(chǎn)品的詳情頁面的地址問題，產(chǎn)品的討論焦點，往往是界面上是否需要添加地址信息；Ui的討論焦點，往往是界面上加地址信息之后，是否排版美觀。Ui的思維是先分析界面的光影，虛實，色彩；接著分析布局，導(dǎo)航鏈接；至于業(yè)務(wù)邏輯，功能流程，產(chǎn)品定義則考慮得很少。PM的思維是先分析產(chǎn)品的定義，商業(yè)模式；接著分析線下場景中碰到的問題；再接著分析業(yè)務(wù)流程，功能流程，頁面跳轉(zhuǎn)；

2016-04-01

實戰(zhàn)：APP的UI設(shè)計原則及UI界面適配步驟

()從最初的AppStore僅有不到500個APP，到現(xiàn)在，據(jù)統(tǒng)計APP近幾年增加的數(shù)量已經(jīng)超過3000，000個，累計下載量突破了352億次。這意味著移動APP的使用已成為移動互聯(lián)網(wǎng)時代的重要部分，同時移動APP的競爭也越來越大，如何在為數(shù)眾多的APP中脫穎而出呢?APP視覺UI設(shè)計占住一大塊。所以，我們必須了解移動APP客戶端的UI設(shè)計原則及UI界面適配步驟。第一點：移動APP客戶端的UI設(shè)計原則1)手機本身的物理特性受限引起的操作交互指南：a、移動APP客戶端的文字輸入，必須要降到最低：由于手機在輸入上的低效性，在設(shè)計的過程中，應(yīng)盡量減少用戶的輸入，如果有可能可以設(shè)置默認(rèn)值，或者讓用戶選擇目標(biāo)值。b、移動APP客戶端的信息結(jié)構(gòu)好，屏與屏之間的邏輯關(guān)系清晰：由于手機屏幕都普遍較小，即使有4吋屏，那也只能展示較少的信息量，因此，在手機設(shè)計上，更需要有清晰的信息架構(gòu)，用戶知道當(dāng)前在哪兒，并能返回到哪兒。c、移動APP客戶端的操作、功能不要隱藏太深，重要功能都需要在界面中有適當(dāng)?shù)奶崾荆河捎谑謾C屏幕較

2014-06-24

移動客戶端UI設(shè)計指南

()最近整理電腦，發(fā)現(xiàn)有篇11年編寫的內(nèi)部培訓(xùn)的交互指南，整理了一下，去除涉及公司機密的部分，分享給同行。因為是AI格式的，當(dāng)時為了臭美，就用AI編寫排版的，所以只能給大家分享PNG圖片了。綜合了愛瘋、安卓、瘋7的交互原則，適用于移動設(shè)備，比如其中的按鈕尺寸、視覺大小、觸控大小，唯一遺憾的是，沒把字體的設(shè)計原則列進去。不過一般來講以12Px作為基本字體大小，小號可以小至8Px，當(dāng)然你也可以以14Px做基本字體，但如果以11Px字體做基本字體，可能太小，看著就會比較累。最大多少號，倒沒關(guān)系，依據(jù)視覺美感來定。教你一個最笨的方法，將界面從設(shè)備上截圖下來，然后到PS中看字體的尺寸。另外需要注意的是：不同的字體，同樣是12Px，顯示的大小可能會不一樣，需要注意哦！(編選：免費論文下載中心）

2012-09-28

電商書籍推薦：《網(wǎng)站UI設(shè)計之道》

眾妙之門——網(wǎng)站UI設(shè)計之道(The Smashing Book)購買推薦免費論文下載中心圖書分析師龐敏麗認(rèn)為該書是知名設(shè)計網(wǎng)站Smashing Magazine上線以來的精華總結(jié)，來自全球的知務(wù)設(shè)計師無私地分享了他們多年積累的寶貴經(jīng)驗，，適合網(wǎng)站設(shè)計人員閱讀。通過對生意寶旗下比購寶(Boogle.cn)——“網(wǎng)絡(luò)購物第一站”收錄的博庫書城、淘寶網(wǎng)、京東商城、亞馬遜、當(dāng)當(dāng)網(wǎng)、拍拍網(wǎng)、文軒網(wǎng)、中國互動出版網(wǎng)、99網(wǎng)上書城等眾多含圖書銷售的網(wǎng)站，價格搜索顯示，目前，亞馬遜該書為最低價，推薦購買。目錄第一章現(xiàn)代網(wǎng)絡(luò)應(yīng)用程序中的用戶界面設(shè)計第二章CSS布局的藝術(shù)和科學(xué) 第三章排版：原則、方針和常見錯誤第四章現(xiàn)代網(wǎng)站的可用性原則第五章網(wǎng)站設(shè)計、可用性和用戶體驗中超炫色彩終極使用指南第六章網(wǎng)站優(yōu)化第七章為銷售而設(shè)計——提高訪客轉(zhuǎn)化率第八章把網(wǎng)站變成非凡的品牌第九章向?qū)＜覍W(xué)習(xí)——名家訪談與真知灼見第十章幕后故事

2012-03-29

試議GUI設(shè)計中圖標(biāo)元素的設(shè)計

【摘要】本文在計算機人機交互圖形化用戶界面圖標(biāo)設(shè)計的基礎(chǔ)上，分析了圖標(biāo)在軟件中的應(yīng)用，詳細(xì)論述了軟件系統(tǒng)圖標(biāo)的特征和特點，給出了圖標(biāo)設(shè)計原則和設(shè)計個性化圖標(biāo)的一般方法。為軟件系統(tǒng)圖標(biāo)設(shè)計提供了理論依據(jù)和借鑒模型。【關(guān)鍵詞】GUI 軟件系統(tǒng)圖標(biāo)特征圖標(biāo)設(shè)計研究 GUI全稱為Graphical User Interface，即計算機圖形用戶接口界面，通俗理解就是指人機交互圖形化用戶界面，采用平面圖形的方式直觀地反映計算機的用戶操作界面。伴隨數(shù)字技術(shù)的發(fā)展，計算機界面操作人性化程度的提升，界面圖標(biāo)在人機互動過程中發(fā)揮的作用也日益增強，表現(xiàn)出的視覺魅力也日益豐富，成為GUI設(shè)計的重要表現(xiàn)元素。 1. 圖標(biāo)的發(fā)展史圖標(biāo)系統(tǒng)的出現(xiàn)與發(fā)展的每一步，都與計算機界面技術(shù)的發(fā)展緊密相連。1981年Xerox Star系統(tǒng)的圖標(biāo)是最早的界面圖標(biāo)，由于技術(shù)有限，只有黑白兩色。 Xerox Star系統(tǒng)中的圖標(biāo)十分抽象，只用了圓形和矩形。1991年，Microsoft公司在其Windows3.0界面上首次使用了彩色圖標(biāo)，該圖標(biāo)突破了以往機械的外形，簡單的構(gòu)造，初次采用了投影立體效果。直到2001年，

2011-11-11