建站常識/ 2010/09/07

蓋座漂亮的“樓”–淺談網(wǎng)頁設(shè)計中的構(gòu)圖

網(wǎng)頁給人最直觀的感受就是它的頁面框架與構(gòu)造，就像一座大樓的主體框架與形態(tài)，你可能記不起東方明珠塔和艾菲爾鐵塔是用什么顏色或什么材料涂的外墻，但我想你一定記得起它們...

Learn More

建站常識/ 2010/09/11

淺析網(wǎng)頁界面設(shè)計-首頁

首頁設(shè)計，需開宗明義突出主題 開宗明義，無論是對于一篇文章、一場會議或一部專題片，還是對于一個網(wǎng)站來說，都是必不可少的。那么能為一個網(wǎng)站開宗明義的地方(標簽)就是Tit...

Learn More

建站常識/ 2010/09/14

淺談按鈕分組和位置

按鈕分組 按鈕的分組可以讓一個界面變得具有自我描述能力.在復雜的布局中，組織良好的各組按鈕用以選擇，而且因為很明顯，這樣可以很快告訴用戶有哪些功能可以使用。 幾個按鈕...

Learn More

建站常識/ 2010/09/16

淺談騰訊視覺的關(guān)系設(shè)計

一、騰訊LOGO 08年4月騰訊網(wǎng)（QQ.com）宣布啟用新品牌標識，以綠、黃、紅三色軌跡線環(huán)繞的小企鵝標識取代過去的QQ企鵝圖案，騰訊傳媒、QQ游戲等業(yè)務(wù)，都將同期統(tǒng)一更換新標識。 二、...

Learn More

建站常識/ 2010/09/19

用戶體驗設(shè)計指引圖

我也實在不知道如何去命名這樣的圖。 這張是我在網(wǎng)站上看到的： 既不是項目流程圖，也不是mind manager思路整理圖，當然，說成藍圖也會有更多質(zhì)疑。但是這張圖，對于設(shè)計...

Learn More

建站常識/ 2010/09/19

聊聊線框圖：UED和PD對于線框圖不同的定位

本周和PD（產(chǎn)品經(jīng)理）們進行了一次《線框圖以及Axure入門》培訓。這是應(yīng)幾位PD的需求，他們也要學習如何設(shè)計線框圖，所以想更加高效進行入門。 在場的有UED，有PD，我發(fā)現(xiàn)，對于兩...

Learn More

建站常識/ 2010/09/19

聊聊線框圖：那些必要的理論和前提

這是一篇老生常談的問題，所以若有人已經(jīng)了解，請自動忽略好了。這也是在一次和PD的交流培訓會上再次提出的老問題：究竟線框圖為什么要畫，以及如何畫。 至于線框圖為什么要畫...

Learn More

建站常識/ 2010/09/25

關(guān)于網(wǎng)頁問卷入口的小結(jié)

近幾年電子商務(wù)、SNS迅速發(fā)展，并且已經(jīng)成為人們生活中越來越重要的組成部分。被他們牽絆著的人不免會感受到一些變化，無論是新產(chǎn)品的誕生，還是老產(chǎn)品的換新貌，似乎這些變化...

Learn More

建站常識/ 2010/09/25

信息架構(gòu)之Web導航設(shè)計分類

開始之前先做個小的知識普及，老鳥請忽視： 信息架構(gòu)(information architecture)，簡稱IA，wiki給出了以下定義：信息架構(gòu)是在信息環(huán)境中，影響系統(tǒng)組織、導覽、及分類標簽的組合結(jié)構(gòu) 。...

Learn More

建站常識/ 2010/09/25

剪式設(shè)計—解決設(shè)計困惑與矛盾的方向

“剪”：字意為除去、截斷，是對固有狀態(tài)的一種主觀改變。在設(shè)計中，我把“剪”定義為一種觀察局部完整性與平衡整體表現(xiàn)力的方式，剪式設(shè)計就是協(xié)調(diào)局部與局部間相對關(guān)系并確...

Learn More

建站常識/ 2010/09/25

生動的設(shè)計

或許這時的你正在喝著咖啡聽著音樂陷在柔軟的沙發(fā)里，翻閱著Fashion雜志，享受你一下午的閑暇時光，或許這時的你正在一場狂熱的音樂會現(xiàn)場，跟著喧鬧的人群舞動，全身心投入今夜...

Learn More

建站常識/ 2010/09/25

交互設(shè)計雜七雜八

交互設(shè)計就是研究人與物體之間如何互動的問題，比如按電梯時，按鈕立即高亮，同時屏幕上顯示電梯現(xiàn)在所在樓層數(shù)，這個過程就是交互設(shè)計，而電梯按鈕用什么顏色，外觀有什么花...

Learn More

建站常識/ 2010/09/25

淺淡BANNER設(shè)計

“位置：首頁 第一屏通欄 格式：jpg 尺寸：960*90 ……”在工作我們經(jīng)常會接到這樣的banner設(shè)計需求，由于它不比大型項目，需求方從設(shè)計成本考慮不會給設(shè)計師太多的時間，那么我們怎...

Learn More

建站常識/ 2010/09/26

Banner設(shè)計

前幾天，我受到了一次打擊，之前海鹽的緊固件的專場上線后，實際的效果與我原本的設(shè)計相去甚遠。究竟是什么原因造成了這樣的差異呢？在經(jīng)過一些對照比較后發(fā)現(xiàn)，問題就出在“...

Learn More

建站常識/ 2010/09/26

與用戶交互的核心

——讀《Web表單設(shè)計》 “用戶互動”是互聯(lián)網(wǎng)產(chǎn)品不可或缺的關(guān)鍵，而用戶互動的入口必然是表單。由此，無處不在的UGC類Web2.0產(chǎn)品內(nèi)，表單無處不在所凸顯的重要性逐漸得到Web設(shè)計師...

Learn More

建站常識/ 2010/09/26

跟推廣專題頁面有關(guān)de那些事兒（一）

來公司剛好一年了，接觸了不同的視覺需求這里做一個小分享。 首先我說一下阿里巴巴B2B視覺設(shè)計的分類,主要分為產(chǎn)品視覺和推廣視覺，產(chǎn)品視覺鍛煉人的邏輯思維能力／細節(jié)的處理...

Learn More

建站常識/ 2010/09/28

前端開發(fā)中的一些用戶體驗細節(jié)

用戶體驗已經(jīng)是一個老生常談的話題了。我非常贊同某位達人所說的，用戶體驗設(shè)計應(yīng)該貫穿于產(chǎn)品從萌芽到出生的整個過程，產(chǎn)品原型、視覺設(shè)計、前端開發(fā)、后端開發(fā)甚至還包括產(chǎn)...

Learn More

建站常識/ 2010/09/28

A/B測試：實現(xiàn)方法

上文介紹了 A/B 測試的基本概念 ，接下來我們繼續(xù)探討如何實現(xiàn) A/B 測試。 我們先來看一個圖： （注：感謝Algo提供本圖。） 上圖展示了 A/B 測試的實現(xiàn)原理。從左到右，四條較粗的豎...

Learn More

建站常識/ 2010/09/28

視覺焦點-剖析網(wǎng)頁設(shè)計中的幾何圓

你的設(shè)計為什么平平無奇，為什么吸引不到別人的眼球，這里先來說說什么是焦點（也可以稱興趣中心或者視覺中心），我認為用焦點更能簡單準確的闡述。有人用通俗的方法來詮釋焦...

Learn More

建站常識/ 2010/09/28

跟推廣專題頁面有關(guān)de那些事兒（二）

這次主要拿我們最常接觸的“推廣頁面”來舉例。推廣頁面第一屏就是給用戶的肆意印象，一定要抓住用戶的心。這就是為什么當我們在做一個頁面的時候需求方不停的在強調(diào)要熱鬧，...

Learn More