其他

文章描述：通過合理的指示元素引導使用者發現隱藏內容。 天氣甚好，不冷不熱，微困。搞掉這篇就上房頂子發發獃。如果哪位覺得今次的表徵圖有些許驚悚的話，歡迎在評論中吐槽，或者直接在微博上跟我念叨。之前連續更新了兩章iOS Wow體驗，分別是關於應用上下文環境以及iOS技術特性這兩方面的話題。今天換換腦子吧，放下行動裝置 App這攤子事，回到Web端，遛一篇圖文並茂篇幅簡短的小譯文，關於隱藏內容及相應的提示元素使用方式blah

js|jscript|變數 　　任何程式設計語言中，用一塊資料量化一個概念。　　How old are You?　　在 Jscript 中，變數是給概念的名稱；它代表了給出瞬間的值。當使用該變數時，實際是用的它所代表的資料。給出樣本：　　NumberOfDaysLeft = EndDate –

文章描述：40個清新美麗的極簡主義風格網站。 如果一個頁面有太多的元素，瀏覽者將迷惑於去看哪裡或誤解每個元素的優先順序，而一個極簡主義設計將焦點正好放到正確的內容上。越來越多的網站喜歡採用簡單的風格來設計自己的頁面，但想要做到理想的極簡主義風格並非想象中這麼容易，這裡就列出了40個清新美麗的極簡主義風格網站，以供設計者參考借鑒。1. Co:collective2. Couch Creative3. Upperdog4. Skinny Ships5. Decorated

封裝|廣告|指令碼  下面是JS指令碼(floatdiv.js)/*======================================================================  浮動塊支援指令碼  DESIGN BY :  彭國輝  DATE:　　　　2004-02-26  SITE:　　　　http://kacarton.yeah.net/ 

很多讀者常會詢問我類似於上圖中的按鈕的光效是怎麼做出來的？其實非常簡單，建立圖層，筆刷或橢圓畫出白色，高斯模糊，再將圖層混合模式更改為圖層疊加就可以了。但是這篇文章裡我們不討論具體的技術，而來看看如同上面的按鈕通過白色的疊加建立出按鈕的高光，我們來瞭解一下圖層疊加模式在網頁設計中的應用，再通過不同的執行個體來深層次的瞭解圖層疊加混合模式的基本效果，將其更自由的應用於我們的設計中。案例一

文章描述：面向使用者需求的產品設計. 著名的使用者體驗大師 Mark Husrt 在不久前的東西論壇 - 跨界與融合中講了一個故事。1989 年夏天，南非的一位廣告人 Trevor Field 在偶然的機會上發現一個將旋轉木馬與抽水泵結合起來的兒童玩具裝置的概念。採用與風車類似的原理，這一裝置可以在孩子們高興的玩耍的同時，將地下水抽取出來，從而省去了傳統的既費時又費力的壓縮式水泵，為非洲廣大缺乏清潔飲用水的地區來說，這似乎是一個絕妙的機會。Playpump 水泵系統在 10

文章描述：國外20個絢麗多彩的網頁設計作品賞. 顏色總是能吸引眼球，讓東西看起來更加充滿活力和吸引力，這一點同樣適用於網頁設計，有時候顏色可以完全改觀一個網站的外觀，而如何建立一個有效色彩搭配對設計者們來說是很有挑戰性的。本文就將展示出20個最新的絢麗多彩的網頁設計作品，國外設計者們用豐富的色彩為這些網站建立了一個富有吸引力的外觀。Charlie Brown JrCaptain day lightkids tateEmigreImage

文章描述：那麼今天我們就給2012年的網頁設計趨勢有一個分析和美好的猜想，希望能和大家一起在新的一年裡有一個更清晰的思路去創意和想象，去啟發更多的可能。

文章描述：圍繞著“快、明確、高效”的資訊傳遞定位，揭其根本從功能模組、任務流程、介面控制項元素、資訊承載等方面去提升體驗的有效性和合理性，設計中根據目標受眾的需求、行為，合理運用可視化方式，使產品更易用，提高使用者體驗。 每一天，人們都淹沒在資訊的海洋中。使用者在主動擷取和被動接受過程中，都始終避免不開一個“效率”的訴求。在這資訊海洋，使用者目前面對了什麼樣的困境呢？1 一些設計細節的

文章描述：餅圖、柱狀圖、線圖和許多其他的圖形是非常重要的用來表示資料和溝通的資訊，並可展示兩個實體之間的關係。而這些圖形如果用在 Web 上則有助於吸引訪客的注意力，並有效地解釋相關資料。 在這裡我們推薦一些很棒的工具，你可以通過點擊建立非常直觀的設計流程圖和圖表。 餅圖、柱狀圖、線圖和許多其他的圖形是非常重要的用來表示資料和溝通的資訊，並可展示兩個實體之間的關係。而這些圖形如果用在 Web 上則有助於吸引訪客的注意力，並有效地解釋相關資料。 在這裡我們推薦一些很棒的工具，

建立|對象 要建立自己的對象執行個體，必須首先為其定義一個建構函式。建構函式建立一個新對象，賦予對象屬性，並在合適的時候賦予方法。例如，下面的樣本為 pasta 對象定義了建構函式。注意 this 關鍵字的使用，它指向當前對象。// pasta 是有四個參數的構造器。function pasta(grain, width, shape, hasEgg){ // 是用什麼糧食做的？ this.grain = grain; //

頁面 page_unload當伺服器控制項從記憶體中卸載時發生,不是關閉視窗還是需要用用戶端的事件關閉時的方法：function window.onunload(){   alert("表單關閉了!");}如果需要在關閉前給使用者關閉提示，而且想在使用者點擊瀏覽器關閉按鈕關閉時，也只有用以下的方法才能在退出時，執行事件： function window.onbeforeunload()  

控制項|日曆   calendar.js   function atCalendarControl(){  var calendar=this;  this.calendarPad=null;  this.prevMonth=null;  this.nextMonth=null;  this.prevYear=null; 

現在的網站大量的使用圖片，那麼這些圖片如何最佳化才好呢？這裡網頁教學網列出了15個最佳化原則，與大家分享。1）在網站設計之初，就先要做好規劃，比如背景圖片如何使用等等，做到心中有數。2）編輯圖片的時候，要做好裁剪，之展示必要的，重要的，同內容相關的部分。3）在輸出圖片的時候，圖片大小要設定妥當，長寬像素就設成你所需要的大小，而不要輸出大圖片，然後使用的時候，在指定較小的長寬，縮放圖片。4）盡量組合裝飾性的圖片，以節省http請求數，在具體使用時，採用CSS sprite的方式。5）頁面上的邊框，

文章描述：在介面設計的三大元素中，結構是基礎，值得深入研究，再配合顏色和尺寸的運用，才能設計出友好的介面。 構建介面視覺層級的元素有顏色的顯著程度，圖片、文字的尺寸大小，還有最基礎的，內容的組織圖。結構設計是指對介面內容進行分組，對介面中的資訊、資料進行設計使之結構化呈現的過程。好的結構設計能使介面資訊傳達更加清晰、快捷。那麼，如果進行結構設計呢？結構設計———內容的分組 使用線、框、背景色來分組

文章描述：Web導航設計二三事。 導航在Web中扮演一個回答使用者"我是誰？""我從哪裡來?""我到哪裡去"的角色。好的導航是一個網站的主要基石。而在開始設計一個網站或者改版一個網頁時，它往往是設計師第一個面臨的挑戰。01

文章描述：移動介面設計點滴.

如果你正在尋找如何繪製網站效果圖的教程，這一篇文章你一定不能錯過。這裡我們收集了20個高品質的網頁設計線上教程，學習快速而又簡便的一些小技巧，繪製細節豐富的效果圖。這些教程包含各種類型的網站，行動裝置網站，公司網站，個人網站，創意類網站等等。希望會對你有所協助！在photoshop中繪製一個Mobile

文章描述：15個優秀的移動UI設計 激發你的創作靈感. 俗話說，熟能生巧，UI設計師快速提高設計創作能力的最佳辦法就是不斷地練習，但我們不提倡閉門造車。要有豐富的創作想象力，要多看前人的設計，獲得創作靈感並在別人的基礎上創新。最重要的是，借鑒優秀設計師的作品可以減少很多時間，少走很多彎路。來自美國TNW的設計編輯Harrison Weber

js|函數 1、dayin()作用：將id為dayin的內容，建立頁面並列印，可解決列印某頁面中的部分內容的問題。使用方法：將要列印的內容通過 <span id="dayin"></span>包含起來，然後在某個按扭中定義事件<input type="button" value="列印"> function dayin()  {  var code="<body