互聯(lián)網(wǎng)基本設計說明

互聯(lián)網(wǎng)介紹一、互聯(lián)網(wǎng)的成長過程：1、上網(wǎng)費用：95年每分鐘28元現(xiàn)在每月幾十元2、上網(wǎng)速度：95年9.6K

現(xiàn)在是以前的幾百上千倍3、上網(wǎng)方式：95年電話撥號上網(wǎng)現(xiàn)在是寬帶、無線上網(wǎng)4、網(wǎng)上信息類型：95年只是文字現(xiàn)在是文字圖片動畫音頻視頻等5、網(wǎng)絡經(jīng)濟：97年幾乎沒有網(wǎng)絡賺錢2003年丁磊以70億身家成中國首富代理傳奇游戲的陳天橋以110億身價成為04年的首富6、人們對待互聯(lián)網(wǎng)的觀念：99年前上網(wǎng)被認為是不務正業(yè)現(xiàn)在大多數(shù)人認識到了網(wǎng)絡的好處7、其他：市場前景巨大中國的網(wǎng)民也從97年的62萬發(fā)展到2005年底的1.1億二、互聯(lián)網(wǎng)的主要優(yōu)勢和特點1、資源共享：互聯(lián)網(wǎng)就是這樣子，讓大家去用同一個資源，最大限度的節(jié)省成本，提高效率。2、超越時空：從字面上看很好理解，就是不受時間和空間的限制。我們在網(wǎng)上聊天，看電影，在網(wǎng)上看新聞等是不受時間空間的限制。3、實時交互性：你可以隨時通過網(wǎng)絡和你的網(wǎng)友、你的朋友進行及時的互動。4、個性化：何一個有個性的人，有奇怪創(chuàng)意的人都可以在互聯(lián)網(wǎng)上得到很好的生存和發(fā)展，也就是說每一個人可以在網(wǎng)上發(fā)表你自己獨到的，希奇古怪的創(chuàng)意。5、人性化：互聯(lián)網(wǎng)之所以這么快的普及，是因為它很多方面都是按人性化標準來進行的。6、公平性：人們在互聯(lián)網(wǎng)上發(fā)布和接受信息是平等的，互聯(lián)網(wǎng)上不分地段，不講身份，機會平等。三、

互聯(lián)網(wǎng)的規(guī)律1、大大縮短了財富重新分配的時間。2、只有第一，沒有第二。3、觀念決定一切。4、用戶決定成亡。5、領先一步，領先一路四、互聯(lián)網(wǎng)的本質（摘錄網(wǎng)絡名人觀點）馬化騰：互聯(lián)網(wǎng)的本質就是促進信息溝通，使得信息交流和獲取的效率更高、成本更低。張朝陽：互聯(lián)網(wǎng)的本質——信息的加工聚合，最終實現(xiàn)公眾對于事件無限接近真實的了解。馬云：互聯(lián)網(wǎng)的本質是“分享”。百度CEO李彥宏:人和人之間需要更高效快速的信息溝通方式五、互聯(lián)網(wǎng)的發(fā)展歷程從2點接入到全面開放從門戶到多種商業(yè)模式技術改變生態(tài)需求決定存在產(chǎn)品理念與用戶體驗目錄產(chǎn)品理念產(chǎn)品需求設計運營式研發(fā)視覺設計附錄產(chǎn)品理念核心能力：什么是用戶需要解決的問題我們能解決什么解決的問題的過程中，什么是我們的核心競爭力用戶的最終收益是什么每一個收益都要成為新起點的推動力產(chǎn)品理念尋找核心能力？梳理用戶需求，自己能夠解決的需求，就是核心能力能夠解決用戶的問題，就有自然傳播的能力通過數(shù)據(jù)統(tǒng)計和用戶跟蹤，看著用戶數(shù)‘自動’增長的點是什么吸引用戶來使用的產(chǎn)品理念找到技術的突破點

目錄產(chǎn)品理念產(chǎn)品需求設計運營式研發(fā)視覺設計附錄產(chǎn)品需求設計要點網(wǎng)頁結構：匡、同、回……交互：體貼細致，視覺簡潔清爽功能的取舍與權衡高端用戶(意見領袖）的關注是否可以正確的引導用戶，是否對目標有用網(wǎng)頁版面布局的原則（1）勻稱––––多指左右、上下對照形式，主要強調秩序，能達到安定誠實、信賴的效果。（2）平衡––––即非對照形式，但也要平衡和韻律，當然都是不均整的，此種布局能達到強調性、不安性、高注目性的效果。（3）對比––––所謂對比，不僅利用色彩、色調等技巧來進行表現(xiàn)，在內容上也可涉及古與今、新與舊、貧與富等對比。網(wǎng)頁版面布局的原則（4）焦點集中––––所謂凝視是利用頁面中人物視線，使瀏覽者仿照跟隨的心理，以達到注視頁面的效果，一般多用明星凝視狀。（5）留白––––留白有兩種作用，一方面對其他網(wǎng)站表示突出卓越，另一方面也表示網(wǎng)頁品位的優(yōu)越感，這種表現(xiàn)方法對體現(xiàn)網(wǎng)頁的格調十分有效。（6）用圖表達––––此方法對不能用語言說服、或用語言無法表達的情感，特別有效。圖片解說的內容，可以傳達給瀏覽者更多的信息。產(chǎn)品倆設計——網(wǎng)頁朽結構“同始”字型布局患與漢字“同鳳”相似浸而得影名。采用蒜這種搏結構魯?shù)木W(wǎng)餅頁，脹往往奇將導賺航區(qū)鍛置于弟頁面烈頂端怎，一程些如廣告條、訪友情硬鏈接禽、搜仰索引向擎、血注冊盯按鈕貓、登展陸面鄙板、嘉欄目厚條等偽內容船置于孟頁面兔兩側和，中拾間為慕主體歪內容完，這稈種結構妻有條理齊，而糊且直擦觀，別有視嗎覺上魚的平宣衡感仔，但傲是這蜜種結欄構也云比較享僵化。“同急”字領型布險局產(chǎn)品精設計——網(wǎng)頁結構“回蛋”字翅型布局仰由“這同”彩字型故布局盆進化箏而來罪，因爽布局洲結構秩與漢知字“拆國”飲相似復而得藥名。焰其頁座面的懷最上占部分巷一般員放置賤網(wǎng)站晶的標茄志和洗導航線欄或Ba享nn酸er廣告朗，頁運面中糧間主言要放糾置網(wǎng)襲站的邊主要眾內容食，最伸下部杰分一姜般放乳置網(wǎng)涉站的縮慧版權丸信息席和聯(lián)納系方室式等您。產(chǎn)品蹤蝶設計——網(wǎng)頁贈結構“匡”字型俗結構謙其實蘆也是“同”字型扎結構講的一征種變變形，竄也可哪以認竭為是風將“回”字型滔結構羨的右決側欄歪目條金去掉孝得出笑的新傭結構走，這哄種結研構是“同”字型透結構我和“回”字型劈燕結構鳳的一晉種折濃中，肆這種碗結構光承載走的信吊息量賽與“同”字型彈相同間，而新且改呼善了“回”字型糠的封矮閉型結構奶。產(chǎn)品濱設計——網(wǎng)頁筆結構標題正文敵型布赤局的俯布局咸結構碎一般呈用于酒顯示厘文章刷頁面隔、新榨聞頁在面和沙一些旋注冊踢頁面稻等。產(chǎn)品耀設計——網(wǎng)頁佛結構左右框架禽型布鎮(zhèn)局結鬧構是稅一些擺大型酬論壇蛙和企刮業(yè)經(jīng)蹤蝶常使兼用的聰一種從布局憲結構糧。其被布局退結構跌主要暖分為遭左右缸兩側使的頁范面。捏左側糕一般槐主要響為導闖航欄網(wǎng)鏈接救，右訴側則乖放置榴網(wǎng)站凝的主怒要內雪容產(chǎn)品艙設計——網(wǎng)頁棒結構上下框架泉型布的局與座前面挎的左胖右框叉架型利布局丈類似監(jiān)。其存區(qū)別收僅在助于是滑一種娘上下鼓分為欲兩頁扯的框曲架。產(chǎn)品郊設計——網(wǎng)頁片結構綜合框架疤型布愈局是棋結合可左右忽框架袍型布猴局和僚上下潔框架取型布編局的魔頁面禮布局翠技術產(chǎn)品暢設計——網(wǎng)頁捕結構PO蒼P布局國是一輔種頗陡具藝守術感萌和時竄尚感稠的網(wǎng)開頁布慎局方憂式?；蝽撁鎸捲O計貪通常獲以一騰張精價美的關海報頌畫面杯為布墓局的炮主體宰。產(chǎn)品箭設計——網(wǎng)頁鐘結構FL螞AS之H布局禮是指案網(wǎng)頁雙頁面嗚以一果個或樸多個Fl啟as沒h作為匙頁面泥主體借的布假局方冷式。籮在這紫種布虛局中踢，大番部分逝甚至絲式整個決頁面釀都是Fl貞as承h。產(chǎn)品伸設計——網(wǎng)頁銷結構自由隙式結佩構布天局的宗網(wǎng)站“另類”結構鑒布局始的網(wǎng)番站產(chǎn)品俊設計——網(wǎng)頁君結構自由店式結逗構布鉆局的脹網(wǎng)站封面顏型布顧局的轟網(wǎng)站產(chǎn)品哄設計——網(wǎng)頁結構黃金島分割布局飼（完循美的比輛例給顛人視物覺上代的享受券）網(wǎng)頁攪布局追大框手架使錦用黃坡金分報割比懲例可按照53豈2、62昆2、44控2的比例惡來分鎖配，同嘩時盡量寇避免猜平均咱分配差。在此?；A黎上可旋以適周當調梁整上酸方或洞者底首部的堤面積，從奪而實扶現(xiàn)不同柿的布專局效韻果。例：佳扣能中撕國官晨網(wǎng)、五阿迪困達斯佳奧運澆官方網(wǎng)站產(chǎn)品禮設計——交互選設計做得顫越多陡越不寄好，慨我們遵需要本經(jīng)常節(jié)告誡未自己經(jīng)，是堂不是伸做得屆太多島了？用戶背不會旺大而務全使怪用服捉務，蹄而是平每一穩(wěn)個單福項是熱否能溫真正承贏得怨用戶膨的喜來愛。?！昂喖龁巍惫さ暮他溞脑邙Q于，陳做好忙最核咐心的1個，蹲放棄妖其它濁的99個。技術予人員第總希欠望將說每個薦需要氏的不醉需要序的功琴能都籮鋪在染面板系上讓六用戶楊看到凈。而嚴好的陣產(chǎn)品轎總是億讓用弱戶看份不到框技術竟的存貴在。產(chǎn)品祝設計—交互稀設計做差怪異化輪和高吸端化允賣點鍵未必誰有多絨少人益用，習但能盆影響嶼人產(chǎn)品償設計—交互毅設計瀏覽捎器的欄兼容駝性，膠如QQ涉Ma最il一直頸是兼撐容多肆種瀏偏覽器IE內核哥類Fi篩re百fo瓣xCh零ro蘋meSa桶fa傳riOp乳er不a產(chǎn)品扯功能殿的向甜后兼己容性產(chǎn)品憑升級欠時的厘兼容高性考悔慮，派包括用戶織的設蝕置的面配置摧和使孕用習灶慣配隊置安裝穿位置散，文觀件夾焰的命樣名格克式等如何拘更Sm彈ar夾t的更音改注擁冊表至（已蘇有則描無需路再寫掉，減丟少操突作系削統(tǒng)和蠻安全芬產(chǎn)品才的預栽警）產(chǎn)品爬設計—交互設計滿足后用戶羊個性抹化需彎求在無趣形中末提供磁針對溝用戶而的個麥性化桶服務默認述提供利本地蒜新聞耽，并循提供祥用戶厭設置本地浪天氣崗，個哭性化沉換膚困（推兔送+自定水義）產(chǎn)品快設計—交互猾設計用戶窩習慣墓的培殃養(yǎng)。模塊獸分布龍的定局義一浪致性泡，一附致性賺越高撕，用吹戶的罰習慣個養(yǎng)成村越快本。用戶堆在使勿用過生程中樓，形紫成操榴作預摘期的折時間必，可形以影始響用抱戶給賊予網(wǎng)階站好績評程坡度，賽預期痰越快踢形成謊，好遭評度面越高視覺焦點括的運逼用不呼只與爆心理易學、渴生物鏈學的坡理論刺模型頑有關窄，還璃有用嗓戶的命興趣伙點、嗚產(chǎn)品掏理解紡程度稼相關汪。在僻用戶蛋同一驢水平服情況浙下，暑產(chǎn)品工越快接被理管解，浙用戶習的好現(xiàn)評度臂越高相。簡刑單說翠就是斬“上滅手快吧”、袍“易冬用性鑄高”頁面職布局港可以雕新穎油但不皺要挑恥戰(zhàn)用傷戶的習慣產(chǎn)品待設計—持續(xù)您增加藍新功緞能如何污在良交好口汽碑下堵持續(xù)旋增加奴功能常規(guī)言功能鬼逐步衣補齊細小瀉局部甜創(chuàng)新恐永不陣滿足建立商快速搏反應含開發(fā)編機制穩(wěn)，實號時灰掘度上坊線體看驗與箏反饋脹調整謹慎舌增加久，判亂斷用飄量，站適時肉出現(xiàn)產(chǎn)品軍經(jīng)理喚與開艦發(fā)人辯員的滾驅動占心態(tài)把自洽己想技象成兩一個槐遲鈍淹、挑趙剔、鋸易怒左的傻回瓜來號使用廢產(chǎn)品抓主班要矛曠盾，薯重點靜關注雨最常賞使用況的交廣互點產(chǎn)品誦經(jīng)理革有前間臺和裹后臺必技術漿背景采，有判助于凍設計妖的判候斷和冬平衡擅長漫體會寸和學繩習業(yè)肚界優(yōu)洗秀交飛互案最例視覺由關注哲和決番策行齡動，兇決定內準確饞和快擠一秒鍵盤比少敲看一下迅，鼠御標易言于點拼選，逗鼠標脆少移候一段躲，操葬作形勉成定諒勢照顧疫用戶兆習慣如何來把新箏功能就引入產(chǎn)品貞設計—交互穿設計產(chǎn)品背設計——交互蜘設計“返出回”禮的位烈置和拌做法沙很重謎要：博返回非按鍵幸，亦噸或是扎路徑減。幫用焦戶自滑動選恢中：愚在輸組入獨李立密想碼或例加密fo焦ld異er輸入負密碼評時錯看誤后編，應肚該把忠輸入潑框內闖的內宮容se狐le伐ct上，端這樣廁就可足以直蓄接打匪入而莖不用墾清除楚了產(chǎn)品務設計——交互設計符合凳用戶胸習慣賽與預怪期菜單甘習慣馬：別暮人怎么紗做，判我們渡也怎烈么做尺。不要視隨意翼去掉職用戶機正在座使用善的功捕能符合乖用戶闖預期訂，點螞擊其揀他地州方，鍛浮動黎窗口蠢顯示/隱藏或到合還適的賤位置產(chǎn)品用設計——交互四設計適時忠的提孝醒沒必貪要的雁提醒墓不需偶要出都現(xiàn)而適災時出電現(xiàn)的葛提示卷或功浸能，撫用得因好，貝不但濃不會炸騷擾貧用戶種，還尾是對丙用戶吊的細逝致的扛關懷數(shù)字輔和字萌母帳便號不瘦同方暑式；浙圖片牌驗證把旁提謹示“姜不區(qū)廊分大綠小寫歡”，隱細節(jié)段中體旨現(xiàn)體套貼;產(chǎn)品司設計——交互設計不強垮迫用戶很多親用戶啞是比念較喜末歡干稅凈的站，TI進PS聯(lián)I因CO抬N默認蹈不點膨亮保護樹用戶最體驗強制祝操作腔少搞負為妙瓣，為蚊不到1％的騰需求背讓99％的潔人右?guī)涙I被滾染很用不好異。妨”小結不要幻玉讓用本戶思任考符合專用戶椒習慣街與預詳期做適蘋時的茶提醒不強津迫用駛戶選擇紐奉最佳腸方案操作箭便利目錄產(chǎn)品拌理念產(chǎn)品香需求舌設計運營調式研買發(fā)視覺確設計附錄運營惕式研脅發(fā)服務芝可靠袍穩(wěn)定近：基街礎設萄施、辰架構躲、應柔用設顛計對需容災憶的考騰慮日日慌用重視慰反饋熔，體雖現(xiàn)開麗發(fā)團毒隊的點活力悼，拿杯口碑建立晚快速脾上線頁測試勵機制運營式研發(fā)運營—不穩(wěn)莊定會好“功賺虧一超簣”運營式研發(fā)抗災紡容災能力滾：“發(fā)生食硬件宣故障孕時，謝至少蠶要能喂讓用霞戶看嬌到提擠示”目錄產(chǎn)品專理念產(chǎn)品過需求焦設計運營叼式研版發(fā)視覺連設計附錄視覺津設計色彩亦功能逗與搭悔配焦點羊與風悠格設計芒規(guī)范色彩寄含義視覺悠設計—色彩呆功能色彩設計蒸的作察用中愈有主嶄色、圈背景譜色、堪融合惑色和塑強調異色四僑種主色：配色安上的分主色鑰要比理配色反更清諷楚、月更強農烈，誦使人仿一看巡壽就知哨道是積主角刃，從相而視線固定西下來夏?？杉匆苑€(wěn)始定觀扯眾的僵情緒喪。背景遠色：頁面嘩主角析是主蓮色，叉但決食定整扣體印荒象的爪卻是皺背景度色。蠶頁面械的華紡麗、辰素雅順主要缸由背剝景色拾體現(xiàn)丘。背都景色塊也可鋪用花枕紋、孕文字蝕或具效體圖淹案來誼構成鑄能夠沒表現(xiàn)我出穩(wěn)憐重的圓格調何。融合色：在頁面毛不同旦的地測方涂淘上相槍同的延顏色，通孩過顏電色的記反復護使用跟（顏色假擴散），屠是同樣鳥的顏小色產(chǎn)故生共刮鳴從止而讓私頁面鍬具有憲整體廈感。強調色：頁面的整礦體使虜用壓已抑的救顏色，然先后在一唯小塊屑面積雨上使膠用強擦烈的嘴顏色，能阿夠起到術著重乎強調粱的作淋用，否色彩每面積厘越小如，著墨重的耀效果益越強諒。視覺設計——色彩賴搭配單色搭配：一種座顏色首由暗撕、中滔和明3種色沖調組范成。條單色錘搭配饒上并主沒有京形成徑顏色禁層次,但形顧成了敢明暗申層次僵。類比色搭擴配：相鄰棉的顏寫色稱蕉之為掌類比藝色。蚊類比遲色都客擁有坑共同戴的顏邁色。講這種里顏色洞搭配睜產(chǎn)生于了一嗽種令龍人悅劉目、剛低對線比度聲的和厘諧美頁感。補色搭配：色相環(huán)上網(wǎng)直線坡相對名的兩愚種顏巾色稱鼓之為歷補色唱。補鹿色形搭成強泥烈的漆對比殿效果旺，傳道達出活矩力和興仁奮等捎意義。補稼色要達籌到最際佳的滿效果，最賣好是其中便一種面積筐比較小，另訊一種比較秋大。分離補色搭配：同略時用補院色及移類比堤色的裁方法銹來確訓定顏掀色關揚系稱塘為分苦離補訂色。堂這種初顏色搭配既具鏈有類酸比色撒的低農對比立度的未美感，又具有宣補色映的力眠量感。形組成一種褲既和頑諧又有重而點的顏徑色關眨系。原色搭配：除了兒童避產(chǎn)品陪中，奇三原撕色同槍時使屯用是碧比較美少見帥的。秀但無賄論是極在中痛國還些是在美國截文化中，枝紅黃怪搭配半是非洋常受競歡迎儀。紅飄黃，月紅藍吊搭配皮也很答廣泛菊，但叫只有是當兩腥者的區(qū)域是分則離時奶，才涉會顯磚得吸組引人滅，如檔果緊碑密鄰開在一命起，喘則會青產(chǎn)生勞沖突害感。視覺順設計——色彩罷搭配二次與色搭跨配：二次色爺之間尖都擁飲有一惜種共翅同的屆顏色——其中徑兩種偶共同炸擁有尊藍色編，兩粱種共同大擁有黃色，兩隨種共同坊擁有彈紅色。它達們能夠城輕易招形成垃協(xié)調革的搭疑配。如佩果三種杯二次色同秩時使用對則顯武得很息舒適組、吸內引，漆并具鄙有豐組富的薄色調棟。全色儀相搭遵配：從色設相環(huán)饞上取陰出所院有的頓色相肢，開吊放、廟熱鬧坊、像喬節(jié)日邁一樣償?shù)呐湮稚歪尞a(chǎn)生迅了全色攝相搭配長。全粗色相勿搭配骨給人緊帶來誼可以抓隨時跟參與換進去壟的氣訪氛。非即使騎是相芝同的端色相，排豈列的順蒙序不辯同，效餃果也會妹不一泊樣。色彩沿色討相環(huán)孟順序戶排列約給人晃強調隸秩序、集情中性好、怖成熟輝的印灣象。殿相反頌，把茅各種刊色相岸打亂繡規(guī)律費任意請排列茶，就寸形成太了節(jié)胳日般既的、開港放性的配賽色效羽果。視覺煩設計——制定例規(guī)范詠，維歌持統(tǒng)智一文字累使用碌要規(guī)槐范，大語法議，大吸小，循顏色郊，大批小寫藍都需舌要注孔意能用壞一個革詞表討達的侍，不焦用一搬句話訊。能甚用一秋句話任表達泉清楚斑的，惕不用象兩句贊話每個夜概念區(qū)都只端有唯壁一一勾種表即達。圍如”V亭IP銹”的概片念能用插一種特字體趁顏色第的，雄不多掉用一門種顏鮮色能用劍一種匆字體歡大小葉的，純不多爽用一略種大瓜小用標族準組類件能用咬標準繳控件附的，慌不自惜己畫象控件能用趕文字名的，礙不用架圖片確（加葛圖片雖是要丸申請次的）保持妥盡可嫌能少趁的格液式式孟樣維持稿統(tǒng)一就算愚字體女和行顛間距寶等小曬細節(jié)烤都應開該關切注到英文刪字體Ta津ho朗ma視覺榨設計—重點顫突出每個痰頁面訴（板竿塊）狗只有號一塊族視覺裁重點辦。并乏且，瘋突出皇重點席，不搏讓用里戶去刺找。原來足的設漁計排虹版不燦對，公有一妥橫條斥的壓居著的窩情況涂黃色欺塊就仍不能蔬加框推，視飄覺會篇很繁眨雜看夾著不欲舒服枯，句迫號也桃是多良余的原來宵方案故新香方案·視覺林設計—防止自不恰豆當?shù)脑S低齡稱化在追昏求“薪簡單零”的道過程抬中，QQ蹈Ma賠il不知緣瑞不覺經(jīng)的變以得“洞中性暴”、紙“成鐵熟”谷化。當我塵們更矛加理莊性和固嚴謹汪地設握計產(chǎn)勾品的勞時候廊，自高然會悄遠離碑“低頭齡”糖傾向醬?！榜{成熟尼”源溫自合仿理的坡設計扯，“往低齡以”源墊自不另合常狐理的聰設計伴。不恰當?shù)牡妄g化小結視覺育設計傳播趟產(chǎn)品你理念大氣罷成熟慢，干鳴凈整