iPadOS 讓 iPad 可以接滑鼠了，游標偵聽事件能用了嗎？網頁選單要大改嗎？ 2019/08/24 Apple 在2019年6月的 WWDC 開發者大會發佈了 iPadOS 和 iOS 13 的預覽版，所謂的 iPadOS 就是把 iPad 的 iOS 作業系統另外獨立出來，一國兩制….有點敏感。總之版本 13之後，蘋果手機跟平版的作業系統各有不同的名字，還有不同的功能宣傳頁面。這些酷炫的 iPadOS 新功能，想起從前有支令我印象深刻的 Apple 廣告，一個有錢的小孩帶著 iPad Pro 和 Apple Pencil 四處奔波學習、體驗生活，過了豐富的一天，然後回家時鄰居問他「嘿？你... 繼續閱讀 使用者介面網頁設計#apple#ios#mobile#RWD
那些年，一起整人的瀏覽器擴充套件們 2018/11/12 使用者在電腦上使用先進的網頁瀏覽器可以安裝「擴充套件」，有時可讓使用者達成一些方便的功能，但網頁或 web 系統，可能就因為這些擴充套件，發生排版顯示，或是讓系統無法操作、購物網站無法下單等等的嚴重問題。廣告攔截的擴充套件讓正常內容也出不來、解開鎖右鍵，讓網頁產生 javascript 錯誤、防毒軟體打亂 ajax 接收資料、讓網頁顯示得跟別人不一樣( injected stylesheet)...... 繼續閱讀 數位行銷科技網頁設計軟體產品體驗#css#form#google#RWD#Web
蘋果手錶 Apple Watch 竟然可以開網頁了，RWD 又要多調一種 了嗎？ 2018/10/22 2018/6 的蘋果開發者大拜拜上發表了 watch OS5，其中有頁簡報令網頁前端人員大驚失色，手錶竟然可以開網頁了！現在要針對手錶做 RWD 設計嗎? 手錶上的 Safari 瀏覽器又有哪些限制與功能？在本篇作了一些測試和研究... 繼續閱讀 使用者介面網頁設計#apple#ios#mobile#RWD#watch
瀏海螢幕「又」來了，網頁設計人員準備好迎接痛楚了嗎？ 2018/09/24 蘋果在台灣時間 2017 年 9 月13 日發表了 iPhoneX，在此之前，其實許多手機廠商已經都在市面上發售超薄邊框+屏佔比極高+特殊螢幕切割形狀的手機，但是「蘋果出的」這四個字在消費性電子產品市場代表什麼意思，就不多廢話了。又過了一年，2018 年發生了什麼事呢？火影忍者的角色-佩恩六道的台詞，準備讓世界迎接痛楚？更多的 Android 手機廠商推出了更多瀏海螢幕的手機，而 2018 年蘋果發表的新手機，有新的顏色 XS、更大支的版本 X... 繼續閱讀 網頁設計#apple#ios#iphone#RWD
Apple Watch 除了讓設計師隨身接收改稿通知，還有當捉姦神器，還有什麼用途? 2018/05/27 Apple Watch 是什麼？就是品牌行銷的常見案例，專門考驗信仰的蘋果公司出的，貼身裝置程度介於手機和內褲之間的智慧型穿戴裝置。甚至 2017 年的出貨量超過瑞士鐘錶業的總出貨量，這種電子手錶到底有什麼厲害的？上圖這個蘋果官網的截圖，做這行的人看了都超幹的訊息，可是美國蘋果官網就是用這個文案，台灣版只是照翻而已…電子手錶除了用來看時間之外，正面一整塊都是觸控螢幕，還可以跟 iPhone 連線，功能跟 iPhone 連動是很有意... 繼續閱讀 3C電子產品#apple#hardware#RWD
用 css 解決產品列表清單掉一格的情況 2016/12/26 我們上網時偶爾會看到上圖左這種情況，應該是一塊一塊排好的內容，卻出現異樣的空白?有時候這個是設計風格，為了體現品牌的自由風氣，並特意強調那兩個落單區塊的獨特性，並且為了視覺上的平衡美感所做的處理，甚至還經過 A/B test 與各種 UX 實驗，除了可以達到最佳的轉換率，還可以引起討論話題…但我想此例純粹就是個小失誤而已。(ps.上圖案例網頁不是我做的，只是上網時剛好逛到而已。)在上圖右我們把每個塊狀元素的區域劃分出... 繼續閱讀 網頁設計#css#css3#RWD
Google 跟 Facebook 都想讓手機上的網頁變成閃電 2016/10/31 這年頭許多人都把內容放在網路上，但瀏覽時有許多問題，– 資料在手機或某些裝置上看起來很不舒服– 各種惱人的蓋板廣告– 網頁上掛的插件太多，影響網頁開啟速度– 網頁的載入時間比人看完網頁資料的時間還久人們每天獲取資料的兩大地方，Google 和臉書，則各提出了別種解決方案，他們從網頁「打開」的流程就開始處理…上方有一份 ppt ，如果看不到，請點 Google 跟 Facebook 都想讓手機上的網頁變成閃電 // Speaker Deck內文摘要一、... 繼續閱讀 科技新聞解析網頁設計#amp#facebook#FB#google#mobile#RWD#Web
解決勾到「防止此網頁產生其他對話方塊」 2015/12/13 我是谷呵摸，今天要來說一個 alert() 對話視窗跟 confirm() 確認視窗在現代瀏覽器會發生問題的故事…經常上網的人，對於網頁對話視窗一定不陌生，例如註冊送出時跳出小視窗提示「某某欄位未填寫」，表單送出後會跳出「已成功發送訊息」，要執行某東西時，跳出「是否確認執行某某動作?」，用 alert() 讓使用者得知處理的狀態，而不是按了按鈕後卻無消無息，用 confirm() 提醒使用者，而不是不小心按到按鈕，就把東西直接刪掉了。(實... 繼續閱讀 文書小幫手網頁設計#RWD
自架品牌購物官網真的比較便宜嗎? 2015/12/06 用網路做 B2C 生意是時代趨勢，除非你的產業不適合。因公司業務關係(ASP.Net客製化網站)，會遇到不少想要諮詢自架品牌購物官網的客人，店家都對擁有一個自己的品牌購物官網有著美好的憧憬，因為大家的認知就是網路開店似乎很便宜！ 如果人事成本或商品成本不計，租一間實體店面，房租、裝潢、水電網路，花好幾十萬可能還看不到什麼東西，但是網路上開一間店卻有可能在 5 萬以內解決，甚至 0 元。一個月繳八千元的網路商店，已經有... 繼續閱讀 使用者介面大中華市場數位行銷科技科技新聞解析網頁設計軟體產品體驗#hack#icp#RWD#UI#ux#小額支付#淘寶#物流#網路開店#轉換率#金流
網頁的平面設計稿 要注意哪些事? 2015/11/02 常常被團隊的工程師說你的平面設計稿無法做成網頁? 設計師和工程師常常吵架?一個要做成網頁的平面設計稿有哪些要注意的呢? 請看此文的概略介紹。上面有一個 ppt，如果看不到 ppt 請點網頁的平面設計稿要注意哪些事? // Speaker Deck。內容摘要:一、請使用 RGB 色彩模式1.色彩模式: 不管原始稿件是什麼，通通要轉成 RGB2.網頁色彩表示法:– 規範的英文名稱(如 Green, Lime)– HEX 16 進位 (如#000000)– RGB/RGBA (如rgba(255,255,255,... 繼續閱讀 使用者介面網頁設計視覺設計#RWD#UI#ux#webfont
