中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁 > 藝術(shù)設(shè)計 > 設(shè)計理論 > 設(shè)計和布局之間的思考
淺談圖片投射方法的應(yīng)用 回到列表 web 2.0設(shè)計指導(dǎo)之一:簡單
 設(shè)計和布局之間的思考

作者:weilaixu 時間: 2008-10-10 文檔類型:原創(chuàng) 來自:藍(lán)色理想

第 1 頁 設(shè)計和布局之間的思考 [1]
第 2 頁 設(shè)計和布局之間的思考 [2]

再談布局和循環(huán)

這里有篇文章http://weilaixu.cn/read.php/174.htm

其實呢,說網(wǎng)頁制作,直角最簡單,比如老印,他的東西全部是直角。用他的話說就是刀切一樣!為嘛?簡單方便速度快內(nèi)容清晰!

布局以按照設(shè)計稿為標(biāo)準(zhǔn)。或者說叫使用html還原設(shè)計稿,如果html截圖能和設(shè)計稿重疊,再過了標(biāo)準(zhǔn),我認(rèn)為就是最高境界了!

問題最大的,其實還是在設(shè)計和還原效果上!雖然可以使用css的負(fù)值、浮動、重疊等屬性進(jìn)行不規(guī)則布局,但問題依然存在,工作量和難度有可能依然會翻倍。還有,那可惡的N種瀏覽器!

對于復(fù)雜的設(shè)計稿、復(fù)雜的效果、甚至是過分的設(shè)計,如何降低使用html還原設(shè)計稿的工作量及難度!

  1. 如果你有權(quán)力微調(diào)設(shè)計稿,那么,你可以在“可忍受”范圍內(nèi)微調(diào)。這個范圍,每個公司都不一樣!
  2. 如果你沒有權(quán)力懂設(shè)計稿的任何東西,那么,請和設(shè)計師或主管溝通,請設(shè)計者進(jìn)行微調(diào)。但你要把你的難點描述的清晰,讓他們理解!
  3. 沒人同意改稿子,那么,恭喜你。加班吧!
  4. 或者,你可以把那些細(xì)節(jié)工作扔給flash!

問題集中體現(xiàn)在設(shè)計和效果上!

先說設(shè)計

網(wǎng)頁設(shè)計,除了體現(xiàn)效果,還有很多不可缺少的東西。這里不談純粹用來欣賞的網(wǎng)站。畢竟大部分的站點需要被大量閱讀的。

  1. 網(wǎng)頁的柵格系統(tǒng)
    看這篇文章:http://ued.taobao.com/blog/2008/09/17/grid_systems/
  2. 速度
    很重要,非常的重要!減少圖片,使用背景圖整合降低http連接次數(shù)。能使用文字盡量使用文字。所以嘛,還是得注意!
  3. 背景圖的小圖循環(huán)和重復(fù)使用
    大的就不說了,弄幾個弧度上去,幾乎就要用大圖片了,像奧運時候那么網(wǎng)站的大背景。
    小的背景圖,小欄目的背景圖,以及子頁面的某個地方的背景圖。咱盡量一致!小背景循環(huán),效果圖里的寬和高哪個小,盡量按哪個方向循環(huán)!目的就是保證速度!
  4. 效果
    png,這個可以說是效果的典型了!無背景的透明屬性。相信很多人都喜歡!但ie6卻有缺陷,好了,看碼頭的:【IE6的瘋狂之二】IE6中PNG Alpha透明(全集)

我在做設(shè)計的時候,一般的站點是不考慮布局的!但那些藝術(shù)氣息特濃厚,效果忒多忒強(qiáng)烈的站,在吃自己的虧吃了兩次之后,就開始主動考慮后期布局,盡量避免讓布局難度加大!

如果設(shè)計的時候,考慮到重復(fù)利用圖片、背景等。會降低布局切片的很多工作;蛘呶铱梢哉f,頁面重復(fù)利用率越高,就越快!主頁雖然是主頁,子頁雖然更簡單,但重復(fù)利用主頁上已經(jīng)下載了的東西,不更好么?我想說的是,要有全局的思維!

當(dāng)然了,你肯定也想到了flash的應(yīng)用。但flash貌似也有瀏覽器兼容問題!

如果設(shè)計和布局中間有某個問題被耽擱或某一方不退讓,那么程序、交互就要延后,上線日期也要推遲。

如果制作方擅自行動修改而設(shè)計方死活有意見......

唉,問題可大可!做個網(wǎng)頁也不容易!

本文鏈接:http://www.95time.cn/design/doc/2008/6224.asp 

出處:藍(lán)色理想
責(zé)任編輯:moby

上一頁 設(shè)計和布局之間的思考 [1] 下一頁

作者文章
網(wǎng)頁設(shè)計之關(guān)于素材和言志
網(wǎng)頁設(shè)計之設(shè)計步驟及思考
網(wǎng)頁設(shè)計之論摹仿和抄襲
網(wǎng)頁設(shè)計之步驟和大局觀
構(gòu)圖的均衡與視覺引導(dǎo)
關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設(shè)計比賽 網(wǎng)頁制作 web標(biāo)準(zhǔn) 用戶體驗 UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點最新 站點最新列表
周大福“敬•自然”設(shè)計大賽開啟
國際體驗設(shè)計大會7月將在京舉行
中國國防科技信息中心標(biāo)志征集
云計算如何讓安全問題可控
云計算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機(jī)會
阿里行云
云手機(jī)年終巨獻(xiàn),送禮標(biāo)配299起
阿里巴巴CTO王堅的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機(jī)主題設(shè)計大賽
欄目最新 欄目最新列表
國外創(chuàng)意名片設(shè)計欣賞
情感化界面
線下項目工作流程(歸納篇)
線下項目工作流程(分析篇)
簡約而不簡單-Practise平面設(shè)計
培養(yǎng)用戶的使用習(xí)慣
優(yōu)秀名片設(shè)計
專題頭圖的秘密武器
別讓UED忽悠你(2):多少錢一斤
別讓UED忽悠你(1):天生的矛盾
>> 分頁 首頁 前頁 后頁 尾頁 頁次:2/21個記錄/頁 轉(zhuǎn)到 頁 共2個記錄

藍(lán)色理想版權(quán)申明:除部分特別聲明不要轉(zhuǎn)載,或者授權(quán)我站獨家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權(quán)歸我站和作者共有。

轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請不要盜鏈到本站,且不準(zhǔn)打上各自站點的水印,亦不能抹去我站點水印。

特別注意:本站所提供的攝影照片,插畫,設(shè)計作品,如需使用,請與原作者聯(lián)系,版權(quán)歸原作者所有,文章若有侵犯作者版權(quán),請與我們聯(lián)系,我們將立即刪除修改。

您的評論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評論。如果您不是本站會員,你可以注冊 為本站會員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯誤,請用報告錯誤,以利文檔及時修改。
不評分 1 2 3 4 5
注意:請不要在評論中含與內(nèi)容無關(guān)的廣告鏈接,違者封ID
請您注意:
·不良評論請用報告管理員,以利管理員及時刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國的各項有關(guān)法律法規(guī)
·承擔(dān)一切因您的行為而直接或間接導(dǎo)致的民事或刑事法律責(zé)任
·本站評論管理人員有權(quán)保留或刪除其管轄評論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權(quán)在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
·參與本評論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評論文檔 | 報告錯誤  
專業(yè)書推薦 更多內(nèi)容
網(wǎng)站可用性測試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設(shè)計之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設(shè)計》
犀利開發(fā)—jQuery內(nèi)核詳解與實踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2