發表文章

目前顯示的是 2011的文章

中文字體種類與使用時機

圖片
漢字字體種類 漢字字體主要分為宋(明)體、仿宋體、黑體、宋黑、楷體、手寫體和美術體。 “宋(明)體”起源於北宋,定型於明代,故又稱“明體”。特徵為字形方正規整,筆劃豎粗橫細,棱角分明,結構嚴謹,整齊均勻,起筆、收筆和筆劃轉折處吸取楷書特點而形成修飾性的筆型。 宋體是應用最廣的漢字印刷字體 。 依據字面的黑度可分為超明體、特明體、粗明體、中明體、細明體等。粗明多見於書刊標題和海報與廣告標題字,細明體最適合排印長篇正文,如圖所示。 宋體 “仿宋體”又稱真宋體。其特點是宋體結構,楷書筆法,字行娟秀,筆劃細勁,橫直粗細勻稱,字體清秀挺拔,常用於排印詩集短文、標題、引文等,雜誌中也有用這種字體排整篇文章的。多用於排印古籍正文及各類書刊中的引言、註釋、圖版說明等,如圖所示。 仿宋體 “黑體”又稱方體、等線體。受西文無襯線體的影響,於20世紀初在日本誕生。字形略同於宋體,但其特點是字面呈正方形,字形端莊,筆劃橫平豎直等粗,粗壯醒目,結構緊密。 黑體字有超黑體、特黑體、粗黑體、中黑體、細黑體等,它適用於作各種海報與廣告的標題或重點標題,粗黑體因色調過重,不宜排印正文。細黑體通稱等線體,可排印短文和圖版說明,以及內文說明等,如圖所示。 黑體 “儷黑金”兼有宋體的典雅美觀和黑體的穩重敦厚,常見於報刊的標題,廣告導語和展覽陳列,如圖示。 楷體 “楷體”又稱活體。其特點是字形端正,筆跡挺美秀麗,字體均整,用筆方法與手寫楷書基本一致,初學文化的讀者易於辨認,所以廣泛用於印刷小學課本、少年讀物和通俗讀物等,如圖所示。 書法體 適用於富有傳統或文學氣息的設計或刊物 篆書 有西周后期的大篆和秦時的小篆二體。篆書,具有古代象形文字的古樸感,其圖形的抽象趣味在近代的篆刻上常被藝術化了。在現代的應用美術中,尤其是國內設計界多把篆書應用于賀年卡、請帖、徽章圖案等設計。 隸書 源於秦代,取大篆與小篆的筆法,加以減省整理而成。隸書不僅變秦以前字體的曲線為直線,變劃為點,變圓為方,且漸脫離形進於意符,隸書的特點是:一、每個字有一處(橫劃與右捺)帶有波勢的裝飾筆。二、橫劃以右斜落筆書寫。在廣告設計裡,凡公司。行號或展示會的全名設計(合成文字)常用隸書, 可表現傳統的權威感 。 草書 有組織系統的節省字體。創自漢初,其演變過程是先有“章草

Google Page Speed Online 網站測速工具 線上版

圖片
Google的「Page Speed」是頗知名的網站速度測試工具。 現在這款知名測速工具推出了更易用的線上版:「Page Speed Online」 ,這次不需安裝任何額外套件,進入線上版後輸入你的網站網址,就能進行速度測試。 「網站瀏覽速度」是網站最佳化中的重要優化指標之一,開啟速度愈快,讀者的體驗就相對愈好,對於SEO的效果也有加成作用。 而「Page Speed Online」就能提供用戶一個網站速度的「評測指標」 ,它會在測試網站速度後顯示一個總評分數,愈接近100分愈好。 另外「Page Speed Online」還會提出許多「如何進行改正」的建議 ,甚至幫你區分出「High priority(最應該做、效果最好)」到「Low priority(可以稍後做、影響較小)」等優化級別。在左方的最佳化建議作法清單中,點擊任何一個作法都能看到詳細的操作指示與相關教學。 Page Speed Online: http://pagespeed.googlelabs.com/ Page Speed之前的瀏覽器套件版: http://code.google.com/intl/zh-TW/speed/page-speed/ Page Speed Online的使用上非常簡單,你只要輸入自己網站、部落格的網址,按下右方的〔Analyze Performance〕,就能開始測速,還可以選擇要測試在一般電腦上跑起來的速度?還是針對手機瀏覽的最佳化建議? 接著就可以看到自己網站的速度測試報告,以及詳細的最佳化建議。先從左方最高級別的建議開始做起,這樣效果最好。 而點擊左方某項建議後,就能在右方看到詳細的評估資料,如果不知道怎麼優化,還可以點擊「Learn more」看看相關教學。 不過,老實說很多建議作法仍然是一般非技術用戶無法做到的,那麼一般用戶可以從哪些角度「簡單的」進行自己網站、部落格的加速呢? 其實就是從「圖片大小的縮減」、「外掛程式的縮減」做起 ,發表文章前一定要幫圖片進行體積的縮小,而設計網站時要選擇載入快的外掛、穩定的外掛,以及真的有用的外掛。 下面的作法,基本上都是不需要懂程式碼、不需懂架站,就能做到的網站加速方法,提供給大家參考: RIOT 批次圖檔壓縮減肥軟體,最佳化部落格圖片載入速度 Google Analytics 升

設計行動裝置網頁(Mobile-Web)的10個要素

圖片
 資料來源 :  http://www.inside.com.tw/2011/03/28/10-mobile-web-design Mashable的 Brian Casel 是一個網頁設計師, 他觀察到網路行動化的趨勢越來越值得被重視,使用手機上網的人比以前多了很多,這對網頁設計者以及網頁擁有人來說意味著甚麼呢? Casel告訴我們以後除了電腦版的網頁,也要做出一個 對應手機或行動裝置的網頁。 我們整理編譯了Casel 給網頁設計者的十個重要提醒 ,包括了設計過程,設計策略及實際操作,希望大家在設計及推出網頁的時候先認真地研究一番手機網頁及電腦網頁的不同。

網站企劃書11項步驟 ( Web Plan )

圖片
計畫 / Planning 雖然說「計畫趕不上變化」,但有做總比沒做好,好的事前規畫會讓你之後的工作不會亂了手腳,也不會不知從何開始進行,在大方向不變之下,細節仍可邊進行邊修正,以達到完美的結果;就好比自助旅,行前準備與路線規劃是必要的,才不會像無頭蒼蠅般的亂走或是缺東缺西等麻煩事。當然,也有異於常人之人,但擁有這種自由隨性的旅遊性格應該不會是你,因此我們還是乖乖計畫之後要做的事情吧。 文章來源  http://wow-to-do.blogspot.com/2009/09/blog-post_26.html 以下就 WebSite Planning 該做到哪些內容分析與規劃做介紹,讓網頁設計的進行更順利,規劃者可依照不同產業別的需求將內容細節做調整。

網頁設計該參考的80/20法則(Eighty-two law)與長尾理論(The long tail)

圖片
文章來源 :  http://stupid77.com/internet/8020_longtail_of_web_design.html 這陣子跟網頁設計很有緣,一方面陸陸續續幾個朋友都希望我協助幫忙建置網站,就好像事先約好一起行動般,而另一方面手邊的幾個網站也進入了新一輪的review階段… 其實,網站就如同一個店面,其關鍵的成功因素正是網站本身的方向定位、如何快速的抓住用戶的眼球、如何讓用戶願意重複造訪、甚至一些關乎介面上用戶體驗的設計細節…等等,這都是網站能否成功的關鍵因素,而這都必須在一開始的網站企劃之時就先思考清楚並成為網頁設計的依據,此外隨著網站的階段性目標,網頁也必須隨著目標的改變而調整… 因為密集式的參與幾個網站的企劃與設計,加上長年來的經驗累積,最近對於網頁的設計特別有所感想,尤其是跟一些對互聯網比較不熟的朋友溝通時,我發現有必要用一些比較能夠溝通的語言,因此我以行銷的方式,透過八二法則以及長尾理論來跟大家分享在網頁設計的同時需要留意的一些細節…

8 招讓你優化 MySQL 查詢性能

1、選取最適用的字段屬性 MySQL可以很好的支持大數據量的存取,但是一般說來,數據庫中的表越小,在它上面執行的查詢也就會越快。因此,在創建表的時候,為了獲得更 好的性能,我們可以將表中字段的寬度設得儘可能小。例如,在定義郵政編碼這個字段時,如果將其設置為CHAR(255),顯然給數據庫增加了不必要的空 間,甚至使用VARCHAR這種類型也是多餘的,因為CHAR(6)就可以很好的完成任務了。同樣的,如果可以的話,我們應該使用MEDIUMINT而不 是 BIGIN來定義整型字段。 另外一個提高效率的方法是在可能的情況下,應該儘量把字段設置為NOT NULL,這樣在將來執行查詢的時候,數據庫不用去比較NULL值。 對於某些文本字段,例如「省份」或者「性別」,我們可以將它們定義為ENUM類型。因為在MySQL中,ENUM類型被當作數值型數據來處理,而數值型數據被處理起來的速度要比文本類型快得多。這樣,我們又可以提高數據庫的性能。

什麼是最受歡迎的字體

圖片
一張圖表, 列出了在Windows,apple和linux操作系統下, 分別安裝最多的10種文字, 最流行的5種襯線字體, 非襯線字體和手寫字體。 以及Google Font directory 和font spring網站中最流行的10種字體。

關於 URL 的一些不可不知的知識

圖片
URL 設計是 Web 設計中常被忽視的東西,事實上 URL 非常重要,這不僅是一個網頁唯一的路徑,還涉及到你的站點是否乾淨,友好。本文講述 URL 這個司空見慣的 Web 元素中包含的大量不應為忽視的知識,準則與最佳實踐。需要注意的是 W3C 建議使用 URI 取代 URL 一說。 關於 URL 的一些準則 首先是與 URL 有關的一些準則。 一個 URL 必須唯一地,永久地代表一個在線對象 URL 的最基本的使命是唯一地代表 Internet 上的一個對象,URL 必須和 Internet 上的對象一對一匹配。然而現實中,這很難實現,我們經常可以通過多個 URL 到達同一個頁面,比如, http://mysite.com/product/tv 和 http://mysite.com/product?name=tv,這種情形在現代 CMS 中更是比比皆是,針對這個問題, SEO moz 有一篇很好的文章,講到了如何使用 Canonical URL 機制解決站點中的重複 URL 問題 。 URL 應該是永久的,這就要求你在站點上線前就非常嚴謹地規劃 URL。如果有一天,你不得不更改 URL,一定使用 HTTP 301 機制,告訴瀏覽器和搜索引擎,你的那個 URL 所代表的對象,已經搬遷到新地址,這個機制可以保證你舊地址所獲得 PR 不會被清零。 儘可能用戶友好 這是 URL 設計的根本,你的 URL 應該為最終用戶而設計。保持 URL 友好的一個好辦法是在保證可讀性的同時讓它儘可能短。比如 /about 就好過 /about-acme-corp-page,當然,保持簡短不能犧牲可讀性, /13d2 一類的地址短則短矣,但並不友好。如果要在 Twitter, Facebook 一類的社會媒體網絡分享你的 URL,可以使用 Bit.ly 一類的網址縮短工具,但這種工具產生的縮短 URL 並不友好,在 Wordpress 一類的 CMS 中,可以使用 PrettyLink Pro 或 Short URL plugin 一類的可控制的地址縮短插件。 URL 的設計切忌使用一些對用戶來說沒有意義的內容,比如數據庫的 ID 號, /products/23 這樣的 URL 地址對用戶是極不友好的,應當使用 /products/ballpoint-pen 一

利用Jakob Nielsen的10條準則來思考首頁規劃

為什麼首頁很重要卻很麻煩: * 因為首頁是網站的入口,跟企業形象有關 * 因為首頁是流量最高的一頁,跟企業的生意有關 * 因為首頁跟公司所有部門都有關聯,取得首頁地盤就有機會讓部門業務或產品取得更多的曝光 * 因為老闆只看首頁不看其他…. 也由於首頁是兵家必爭之地,負責企劃首頁的人往往都視這個任務為燙手山芋。 稍有心機的網站企劃,甚至可以草率繪製首頁的線框示意圖(Wireframe),然後把說服老闆的工作,直接扔給視覺設計師去頭痛。如果這是你的作法,那就不用繼續往下看這篇文章了。 網站企劃的工作必須有邏輯,有結構,才會具有說服力。千萬不要因為遇到不可理喻的老闆/客戶,為了首頁的設計改來改去而心浮氣躁。一旦你不嘗試做出努力,讓老闆/客戶隨意修改,很快的,你不只失去主導權,更失去自信,也會失去網頁設計師或工程師對你的信任。 如何讓你的網站企劃更有邏輯呢? Usability大師Jakob Nielsen曾經在2002年,提到首頁設計最重要的10條準則,如果你是網站企劃新手,沒有過去的經驗或看法,這些可以當做參考。按照這10條準則來規劃首頁,會更有機會提高首頁Usability及網站商業價值。 Top Ten Guidelines for Homepage Usability http://www.useit.com/alertbox/20020512.html 1. 用一句文案,讓訪客知道這個網站是做什麼的? 2. 寫出有意義的Page Title,讓搜尋引擎的結果及加入我的書籤(bookmark lists)時,提供使用者更佳的網站辨識度 3. 將所有公司資訊集中在一個特定區域,比如通通收納於"關於我們"單元就好了。 4. 讓訪客容易找到他們需要的 (而不是我們想說的),這個網站提供給訪客的最重要任務要把它凸顯出來。 5. 提供搜尋功能 6. 直接顯示出網站內容(或部分),而不是只告訴訪客這個網站有多好,卻不給一些具體的例子 7. 以重要的關鍵字來引導連結動線 8. 提供快速連結,讓訪客有機會認識首頁放不下的網站特色或服務 9. 不要把重要的內容過度包裝(設計),尤其是導覽區域 10. 使用有意義的圖案 也許你無法直接告訴老闆說:「報告老闆,Jakob Nielsen說首頁應該要這樣子做才

學習如何有效的設計一個logo標誌

圖片
導讀:在這文章裡,我們將認真分析怎麼才能獲得一個有效地logo設計並且我們也指導你通過這些規則和最優的辦法創造出一個品牌的特性圖標。 首先你需要對於一個好的logo設計獲得一個固定的認識和一些你認為需要考慮的東西在你使用這個工具箱之前。 曾經有許多創造性的 logo 設計案例, logo設計 資源和logo設計指導張貼在互聯網的各個角落。 這些幫助會為你的logo設計創造一個功能強大的工具箱。 首先你需要對於一個好的logo設計獲得一個固定的認識和一些你認為需要考慮的東西在你使用這個工具箱之前。 在這文章裡,我們將認真分析怎麼才能獲得一個有效地logo設計並且我們也指導你通過這些規則和最優的辦法創造出一個品牌的特性圖標。 Logo是什麼? 要理解Logo是什麼我們比需首先理解Logo的主要作用是什麼。 設計流程指出Logo製作必須瞄準立即可認性、可信性、令人欽佩、忠誠、暗含的優越性等。 一個logo是公司商業標誌和經濟實體的代表,並且它的形狀,顏色,字體和圖形經常在相同的市場區域很明顯的區別於其他的logo。 logo被用來識別。 世界著名的設計大師Paul Rand指出“一個logo就是一面旗幟,一個簽名,一個銘牌,一個街頭標誌”。 他認為一個logo不是用來推銷的而是用來識別的。 一個logo是對公司極精彩的描述,logo來源於它像徵的事物中,不是相反的方向。 一個logo沒有它像徵的產品重要;它像徵的東西要遠遠比她像什麼重要。 一個logo的主旨可能幾乎是任何東西。

為設計確定正確的方向 ~ 制定設計的原則

在我們開始一個項目的設計的時候,腦子里肯定有無數的構想。 是做視覺衝擊強烈、奪人眼球的絢麗風格? 還是複古的拼貼風? 又或者目前最in的極簡主義設計,讓重點醒目的躍於畫面之上? 作為設計師,我們總是日積月累的收集各種各樣的好創意,好的設計方案。 但怎麼能在那麼多積累的想法中找到對即將開始的項目最合適它的創意或視覺效果呢? 除了靠我們作為設計師的本能感覺和一直以來積累的經驗以外,還有一個很重要的東西能幫助我們決定,那就是——制定設計的原則。 ●什麼是設計原則? 設計的原則應該體現產品或服務的經驗或價值的核心。 這些原則應該是簡要的,一語中的的,令人難忘的。 在完成項目的整個過程中,我們都應該用心記住這些原則。 一個好的設計原則不僅僅要具體,它還應該貫通於整個設計中。 在整個設計中的每一條原則都絕對不應該相互矛盾。 因此我們不能僅僅想到製定怎樣的原則比較方便我們的設計,而是要做更多嘗試來讓每條原則和產品更加的契合,更好的為產品服務。 看看Google 10個用戶體驗設計原則。 (雖然有些老了~還是拿出來作為例子) 1、以人為本——專注於人們的生活、工作、夢想。 Focus on people – their lives, their work, their dreams. 2、把速度精確到毫秒Every millisecond counts. 3、簡而有力Simplicity is powerful. 4、 雅俗共賞Engage beginners and attract experts. 5、敢於創新Dare to innovate. 6、立足於世界的設計Design for the world. 7 、掌握現在,放眼未來Plan for today's and tomorrow's business. 8、創造愉悅而沒有乾擾的視覺享受Delight the eye without distracting the mind. 9、值得信任Be worthy of people's trust. 10、 添加一些人情味Add a human touch.