設計筆記

網站SEO, FB 的 FEO 對於網站存在必要且重大的影響 除非大家只想作個自己開心的網站 不賺錢也沒關係 只是那些....................都是有資本的人在做的事 對於網路上眾多的部落客而言 那不會是他們收入的來源 在youtuber崛起之後 有許多人開始棄守文字部落 使用影音部落(Vlog) 感覺收入會更好 但世事難料 在Youtube 兩天前宣布了新的分潤模式後 ( https://www.bnext.com.tw/article/47832/youtube-again-revises-rules-to-protect-advertisers-from-offensive-content ) 我想應該又會有人回歸文字行列 而在文字行列裡 AdWord 是個重要收入來源 如何優化 ( https://searchenginewatch.com/2018/01/05/6-adwords-metrics-you-should-optimize-for-better-roi/ )對企業來說如何也就是如何提高轉換率很重要 不然下的廣告就白搭 但對部落客而言.........文章內容很重要 你的部落會有哪些類型廣告出現 而完成點擊 也需要花點心思想看看

Adobe 工具軟體在HTML 設計產業裡 感覺節節敗退 好不容易有了 XD 這套軟體 希望他好好推廣 目前 sketch 很棒沒錯 但是他只能在 Mac 上使用 也不是人人買得起 Mac XD 目前的也能同步與 Photoshop 修改圖檔 實在是很大的優勢 他目前版本功能其實已經跟  sketch 相差不遠 不幸的是已正式邁入正式版....(也就是要摳摳了) 產品首頁 http://www.adobe.com/tw/products/xd.html 學習資源 https://helpx.adobe.com/tw/support/xd.html?promoid=3SH1B97W&mv=other# (剛進去寫中文，應該會讓大家高興一下下XD，但是其實連結的全是英文版手冊喔!!) PS.Beta 時不用錢覺得他好好喔!! 但是賣錢之後 = =       我覺得  sketch 比較可愛       因為你應該知道 Adobe 的收費       用個2-3年 足以讓你買一台 Mac 加一套 sketch

現在在網路學習練習設計的同時 也必須時時注意是否有違反智財權的狀況 為了避免造成不可挽回的後果 盡量使用合法資源 http://cc0.wfublog.com/?m=1 這是一個專門搜尋可以合法使用圖檔的引擎 會搜尋許多常見的圖庫網站資源 從中取得合法使用的部分 當然圖檔品質落差非常大 所以搜尋結果未必滿意 但至少不會有觸法行為

http://www.1stwebdesigner.com/free-flat-ui-kits/

有範本可以套用 也可以自己建立 http://prezi.com/create/

整體先選擇套用一個欄位樣式 然後使用Group Selection tool工具(次群組工具) 選取單一欄位，小心不可以一次選取多個 一次只能選取一個 然後必須使用指令套用 Object → Graph → Column

雖然到現在我都還沒用過 Groupon 不過昨天也拜同學之賜終於用了它的優惠卷了 =  =  看來這真的值得一試啊！ Facebook團購服務將成為Groupon殺手的六大理由 

從這條新聞看來 又將會是一番的廝殺了！ 前美國副總統高爾與前Apple工程師，攜手顛覆傳統書籍概念 Push Pop Press

寫CSS Layout時，最痛苦的莫過要讓不同瀏覽器表現一致 而最讓設計師頭痛的大概就是IE 不同版本的IE瀏覽器，問題也都不同 因此常常頁面得編寫邊修正 可是同一個作業系統又無法同時存在不同版本的IE 因此就需要 IE Tester的幫忙了 http://www.my-debugbar.com/wiki/IETester/HomePage 下載後開始安裝 安裝後啟動程式，更改面板顯示語言 之後關閉程式在重新啟動，面板就會以繁中顯示 下面是測試不同版本的畫面，網址列前面會有一個小數字標示版本 再開發工具裡面有一個除錯功能 可以協助尋找 CSS 或JS 的錯誤 但是必須另外下載才有 http://www.debugbar.com/download.php 下載後直接點選安裝，安裝時會要求關閉所有IE瀏覽器 安裝好後，啟動IE Tester到開發工具選項 然後拖拉紅色小方塊內項雷達的圓形圖示到想檢查的區塊 放開時區塊會有黑色邊框代表有選取到 左邊就會顯示該區塊內的程式碼 對於檢查除錯相當方便好用 

之前提到 Alexa可以分析網站使用者資訊 但是必須一個一個貼入作搜尋 這樣非常麻煩 假如改用 Google Chrome瀏覽器 這樣就能安裝一個長註小程式 當你瀏覽網暫時它變自動幫你分析 也不會影響你瀏覽網站 非常方便 用Chrome開啟下面網址 https://chrome.google.com/extensions/detail/cknebhggccemgcnbidipinkifmmegdel 點選安裝 完成後如下 點選Accept and Enable，接下來的畫面 可點選 No Thanks，接著進入安裝成功畫面 以後就可以點選右上角的logo符號查看網站資訊

想瞭解某網站的排名、關鍵字、流量來源、用戶的年齡與性別…等資訊 請用來自 亞馬遜齊下的子公司所創立的網站 - Alexa 你只需把要搜尋的網址輸入到欄位中 紅圈圈是美國主站 下方是其他國家或相關的網站 點選Get Details查看主站的分析資料 紅框框內式各種不同分析的選項 從這資料可以看見哪個年齡層的人對他的網站資訊最有興趣 以及瀏覽者對網站內的哪一項產品最有興趣 當你瞭解之後可以對網站作出更正確的判斷貨修正

建製一個網站之前必須要清楚的知道目標族群的使用習慣 依照需求去設定網頁完成之後 必須支援的瀏覽器版本與功能 http://gs.statcounter.com/ 可以輸入想了解的資訊與區域() 便會自動產生搜尋結果 使用相當方便

網站不以Flash為主 是一個網頁設計師發表的網站 有藝郎發表作品，也有設計師專區 類似黑秀網的運作方式 http://www.thebestdesigns.com/

http://www.thefwa.com/site/lego-star-wars-iii-website

認識這個網站已經很多年了 在我2002年到美國參加SIGGRAPH展時 還有幸的聽到她本人主講關於網頁配色的ㄧ個Topic http://www.lynda.com/ 其實lynda.com早期出版的是多媒體的教學光碟 如Photoshop、Director、Authorware...等之類的教學光碟 後來e-Learning盛行之後 他們也開始有線上教學課程 搭配實體出版的光碟與書 慢慢的他們在全美也開始有實體教室敎授多媒體課程 直到現在 加入會員會有一些免費的教學影片可以看 http://www.lynda.com/

http://garcya.us/category/free-templates/

http://www.morguefile.com/ http://www.sxc.hu/ http://www.dreamstime.com/free-photos