web-archive-me.com » ME » A » AKANELEE.ME

Total: 398

Choose link from "Titles, links and description words view":

Or switch to "Titles and links view".
  • Tag : 個人經驗 « 嫁給RD的 UI Designer
    音樂家 數學家 工程師 發明家 解剖學家 地質學家 製圖師 植物學家和作家 要求平凡人等文武全才也太超過了 這篇文目的在分享和 RD 相處的經驗 順便捅我家老公 不代表所有RD 都是這麼缺筋 RD 也有百百種人啊 Read on 在開發之前 先潑冷水 December 10 2013 Comments 這點子太棒了 之前肯定沒人做過 將來一定大賣啊 你確定嗎 在 App Store 已上架有 n 個各式各樣的應用程式 所想得到的功能應有盡有 為什麼會覺得自己想到的這個點子空前絕後呢 有的 App 後台硬得很 不只有財力雄厚的財團支持 更能在各大媒體上廣告宣傳 擁有專門團隊負責開發改版 同樣的 App 在公司裡的組員合作下絕對比個人單打獨鬥能擁有更多資源 就算賣不好也不是後果自負 薪水一樣領得到 Read on Responsive Web 抱怨篇 December 17 2013 Comments 老實說 自從我一頭栽進 Responsive Web 的世界 又接觸 Bootstrap 後 很久沒去思考 在 Responsive 上我還能玩些什麼花樣 有人跟我提過 Bootstrap 雖然好用 但也限制許多可能性 所以他們不喜歡 我倒認為它只是項工具 要在網頁上套用它就必須遵循它的規則 Read on Copycat 你好 Copycat 再見 December 21 2013 Comments 圖片取自 http goo gl uyLPR2 本來假日我會把腦漿抽乾 或是很專心做些需要大量時間一氣呵成的工作 BLOG 會懶得寫 不過遇到一隻 Copycat 還是公司創辦人 讓我像吃到玉璽一樣無雙技能連發脾氣暴躁 Read on 我的 UI UX 設計入門方式 December 26 2013 Comments 自從開了這個 BLOG 後 好多人都問我這些關於 UI UX 設計的技術是從哪裡學到的 就台灣來講這個領域太新了 剛入行的時候只能夠自學 缺少很多資源 通通靠自己摸索 所以我希望能整理出一套系統性的 UI UX 教育方式 但這需要花費大量的時間 靠下班後的空檔根本不夠 頂多寫寫 BLOG 讓大家加減看 目前我不想把 UI UX 硬拆成兩塊 雖說這本來就是兩個不同的領域 但世界上所有的事物都是有關聯的 不能說我只想做這個其他連碰都不碰 很快就會陷入窠臼遇到瓶頸 大概是因為我喜歡規劃分析 但又不想放棄能做漂亮炫圖的機會吧 Read on 我的推薦書單 January 2 2014 Comments 把家裡打掃完了 來講講我手上覺得不錯 值得推薦的UI UX 網頁 設計相關書籍好了 桌上這幾本都是我千挑百選才肯買回家的好書 有些比較舊或有點過時就跳過不講了 有興趣的可以去書店找找 多看書總是有好處 就從左邊開始介紹囉 Read on Adobe Muse CC 心得 February 17 2014 Comments Adobe Muse CC 是為了想要建立網站但不想撰寫程式碼的設計師而設計 官網開章明義就直接寫了這句話 好吧如果是為了不會手寫Code的設計師 只需要產出一些不需要套用程式的網站的話 Muse 是滿有吸引力的 先不提它產出的 Code 很噁心這件事 Read on 活用 Google Map 規劃旅行 March 7 2014 Comments 比起老公 Rianol Jou 視排行程如海軍陸戰隊的天堂路 我倒滿喜歡查資料作功課 整理 排序這類任務 八成是職業病 做 UI 也是搜尋使用者或客戶資訊 歸納分類 身為重度 Apple 產品粉絲 凡事都想數位化也是很合理的 Google Map 導航功能不知道救了多少次迷路的我們 為了確保每一個預定景點都能準時抵達 很早以前我就配合 Google Map 把旅遊行程用插點 文字註解的方式規劃在地圖上了 Read on 高級美工 March 10 2014 Comments 這兩篇文非常一針見血 捅下去都不覺得別人痛的 英文原文 Faking the Shot How Dribbble is hurting designers 中文譯文 譯者心得 吐槽向 關於Dribbble 設計社區 圈子 互捧夠友 Read on 問 為什麼 來分析 設計介面 March 13 2014 Comments 相信大家在小時候都有問 為什麼 問到大人抓狂的經驗 天空為什麼是藍的 地球為什麼是圓的 等等 然後得不到答案或是被唬爛 前者牽涉到色彩學 後者和力學有關 就算大人懂也很難解釋給知識不足的小鬼頭聽 所以我爸老是唬爛我 這養成我遇到問題乾脆自己找答案比較快 省下被老爸唬爛還得翻白眼給他看的力氣 Read on 用 iPad 畫 Wireframe March 18 2014 Comments 用 iPad 畫 Wireframe最大好處是修改快速 製圖方便 紙本操作無法簡單實現 複製 復原 這兩個很常用的功能 若是想在 Wireframe 上加些色彩讓畫面分出區塊更易閱讀 紙本操作和使用 iPad 繪製的時間成本完全不是同個等級 畫 Wireframe 肯定會面臨多次修改的問題 使用紙本光是擦鉛筆線都累了 自從買了 iPad 後我就把創意發想階段轉移到 iPad 上執行 Read on 國泰世華 ATM

    Original URL path: http://blog.akanelee.me/tags/%E5%80%8B%E4%BA%BA%E7%B6%93%E9%A9%97 (2016-05-02)
    Open archived version from archive

  • UI 是藝術還是設計? « 嫁給RD的 UI Designer
    即狹義的藝術定義 一般指除了建築藝術之外的造型藝術的通稱 按照目的可分為兩大類 即 純美術和工藝美術兩類 設計 所謂設計 即 設想和計劃 設想是目的 計劃是過程安排 通常指有目標和計劃的創作行為 活動 原意是 設置擺放其元素 並計量評估其效用 現代通常指預先描繪出工作結果的樣式 結構及形貌 通常要繪製圖樣 Icon 是藝術還是設計 就以我之前畫的這個 icon 來說 你能夠覺得它是藝術 這個 icon 目的是練習技法 表現我對它的喜愛 除此之外沒有幫任何人解決問題 純粹就是種心情 技法的傳達 APP RainFont 這一個 icon 就沒有這麼單純 製作的同時我考量到它代表整個 App 的門面 是給人第一印象的重點 這是款字級表的入口 必需要能讓人一眼就看出它和文字有關 Rainstep 的 Logo 設計為切對角斜面的圓角方型 icon 我必須要結合兩者的形象 再加上 iOS 特有的上方打光角度 文字頂端需製作高光 有光就有影 Aa 文字下方加上陰影 光影的變化並不是只有一個方向 正前方我也加了一個較弱的光源 凸顯灰黑底的斜切面 並營造聚在 Aa 文字的氛圍 創造一件藝術作品時可以完全不用考量這些 只要憑心情和技法都行 但做設計不能如此 設計是解決問題的方法 設計這顆 icon 的時候我想的是 如何讓人一眼就能看得出來這 App 和字體字級有關 能不能結合 Rainstep 的 Logo 形象 設計是解決問題的方法 從 Wiki 可以看得出來藝術 美術 設計三者之間的差異 最容易被誤解的 icon 也說明清楚了 現在回來說說 UID 這回事 UID 指的是 User Interface Design 使用者介面設計 並不是 UIA 使用者介面藝術 藝術家在創作時不需要考量易用性 規範 一致性 硬體效能等問題 但 UID 需要 很棒的藝術作品可能會是很糟糕或無用的設計 像是非常華麗炫 特效滿滿的介面 卻一整個難用到爆炸 或是不知道裝了這 App 除了看爽的喊聲喔喔喔之外能解決或幫助什麼事情 設計可以透過研究方法 用科學和邏輯複製 執行過程會經歷情報的收集和分析 會有明確的目的性 就介面設計而言 覺得素描和水彩這些基本功是藝術家在學的 和設計師無關 代表在看的還不夠多 經驗不足 如果你對介面發展史和符號學有點印象就會知道 越模擬現實 越貼進使用者操作慣性的介面 通常使用者學習時間就越短 現在流行的扁平化目的在 去除過多干擾訊息傳遞的雜訊 並不是脫離現實 而且最需要扁平化部分 操作流程 老是被大家遺忘 學過人體素描的就知道 背部臀部這種地方反而比眼睛或手指更難描繪得精緻漂亮 越複雜的部位反而越好畫 學習素描水彩的重點在於訓練設計師觀察的能力 如果連存在的現實都沒有深刻的體認也不願花時間觀察 又如何設計出打動人心作品 介面設計最核心的思想就是 為了使用者 啊 能當 UI 藝術家誰不想當啊 可以踹飛使用者易用性 無視 Guideline 不用管 RD 死活 開小畫家亂抹一通 Posted by Akane Lee May 22 2014 個人經驗 UI Tweet Comments Please enable JavaScript to view the comments powered by Disqus comments powered by Disqus 小技巧 提升手繪的線條穩定度 如何讓公司的平面設計師交出可以用的 Web 圖 Akane Lee Recent Posts UI 設計入門班 學員心得 UI UX 吃貨群 2016 年 4 月書櫃 UI 設計師看 Auto Layout 讀者來信 UI

    Original URL path: http://blog.akanelee.me/posts/200809-art-and-design (2016-05-02)
    Open archived version from archive

  • 小技巧:提升手繪的線條穩定度 « 嫁給RD的 UI Designer
    如果覺得畫完一個方框線條還不穩 可以再畫一個 盡量越密越好 畫歪也不需要修改 剛開始畫線條一定和震波沒兩樣 多畫幾條就穩了 進階 斜線 曲線 如果橫線和直線已經滿足不了你 可以在畫完橫線和直線後 試試斜線和曲線 一樣要保持每條線的平行 這是比較進階的練習 畫線時速度放慢一點 感受手指的出力和手腕的移動 多畫幾張一定會有收獲 功用 念工業設計的學生一定非常熟悉這種畫法 剛開始上 表現技法 課 接觸麥克筆時一定會畫過幾張 這對提升手繪線條穩定度非常有用 效果也很明顯 建議在做任何手繪之前都先畫一次這個方格 手指運用會更聽話 心情煩燥的時候畫畫這種圖也能幫助精神集中安定 只有 3 步驟而已 非常簡單好上手 剩下就是靠練習了 Posted by Akane Lee May 20 2014 手繪 UI ux Tweet Comments Please enable JavaScript to view the comments powered by Disqus comments powered by Disqus 自製簡易 icon 教學 UI 是藝術還是設計 Akane Lee Recent Posts UI 設計入門班

    Original URL path: http://blog.akanelee.me/posts/200564-tips-improve-stability-of-hand-drawn-lines (2016-05-02)
    Open archived version from archive

  • Tag : 手繪 « 嫁給RD的 UI Designer
    從鉛筆草圖一直到電腦完稿的流程 相信念廣告設計的學生對這過程非常熟悉 Read on 小技巧 提升手繪的線條穩定度 May 20 2014 Comments 這個技巧非常容易 新手一定要試試 效果立刻看得到 只要準備一支筆 一把尺 一張白紙就可以開始練習 相信辦公桌或是書桌上隨便抓都有這 3 項 鉛筆 自動筆 原子筆 廢紙背面等等都可以 Read on Akane Lee Recent Posts UI 設計入門班 學員心得 UI UX 吃貨群 2016 年 4 月書櫃 UI 設計師看 Auto Layout 讀者來信 UI 設計流程 iOS 字級表 我和老公的作品 如果你覺得這個 Blog 不錯 可以請我們喝杯紅茶 Categories 課程講座 12 胡說八道 37 UI雜談 32 實作技巧 27 軟體工具 22 實戰備忘 14 聽演講心得 10 Web 9

    Original URL path: http://blog.akanelee.me/tags/%E6%89%8B%E7%B9%AA (2016-05-02)
    Open archived version from archive

  • 自製簡易 icon 教學 « 嫁給RD的 UI Designer
    0 3 的筆打草圖 有格子的好處能保證每個 icon 差不多大小 之後進電腦時才不用調整尺寸 覺得畫太大了 感覺不對 縮小重畫 還是拿 0 3 畫細線草圖 下筆要輕一點 等到確定線條後再拿 0 5 加粗 Illustrator 描圖 拍照或掃描進電腦 我都用iPhone隨手拍 要注意鏡頭和紙是平行的 一定要保持格子的方正 拍歪的話 icon 也會畫歪掉 建議將照片貼進 Illustrator 裡描圖 這種以線條為主的 icon 用外框線 筆畫 處理比較快 等描好後再轉外框筆畫 貼進 Photoshop PHOTOSHOP 加樣式 Ctrl C Ctrl V 貼進 PS 選 形狀圖層 加上圖層樣式就完成了 當然還有很多細節和注意事項 本文僅介紹一個 icon 最簡單的繪製過程 手繪非常非常重要 一位好的 UI 設計師會非常重視基礎 這點差異就是決定眼高手低 想像得出畫面卻畫不出來 以及隨心所欲發揮創意的關鍵 Posted by Akane Lee May 19 2014 photoshop Illustrator

    Original URL path: http://blog.akanelee.me/posts/199828-homemade-teaching-summary-icon (2016-05-02)
    Open archived version from archive

  • UI 設計師專屬手繪課!許願表 « 嫁給RD的 UI Designer
    設計師的需求加開專門手繪課程 但是只有我一個人很難開課 要多找幾個人才有辦法讓畫室開一個專班 我也是學生 目前課程內容還在討論中 先來問問有沒有人有興趣 上課地點在捷運科技大樓站附近 時間會是週末假日 一週上一次課 為了教學品質 小班制 名額非常非常有限 而且還要算上我卡走一位了 更詳細的內容要等畫室那邊確定會成班後 將另外公佈 現在還是許願階段喔 有興趣的人麻煩填一下 UI 設計師專屬手繪課許願表 Posted by Akane Lee May 18 2014 Wish UI Tweet Comments Please enable JavaScript to view the comments powered by Disqus comments powered by Disqus 從 F1 方向盤看使用者經驗 自製簡易 icon 教學 Akane Lee Recent Posts UI 設計入門班 學員心得 UI UX 吃貨群 2016 年 4 月書櫃 UI 設計師看 Auto Layout 讀者來信 UI

    Original URL path: http://blog.akanelee.me/posts/199437-ui-designer-class-make-a-wish (2016-05-02)
    Open archived version from archive

  • Tag : Wish « 嫁給RD的 UI Designer
    UI 設計師專屬手繪課 許願表 May 18 2014 Comments 算了下時間 我在畫室上了快一年的素描水彩 素描和水彩絕對是 UI 設計師基本功 上了幾個月作品就有明顯的提升 負責教學的老師非常強悍 只是每週六去畫室上課 就有辦法讓我突破許多在光影和材質上的癥結 害我一期上完又乖乖報名下一期 有興趣的人麻煩填一下 UI 設計師專屬手繪課許願表 喔 Read on Akane Lee Recent Posts UI 設計入門班 學員心得 UI UX 吃貨群 2016 年 4 月書櫃 UI 設計師看 Auto Layout 讀者來信 UI 設計流程 iOS 字級表 我和老公的作品 如果你覺得這個 Blog 不錯 可以請我們喝杯紅茶 Categories 課程講座 12 胡說八道 37 UI雜談 32 實作技巧 27 軟體工具 22 實戰備忘 14 聽演講心得 10 Web 9 UX相關 10

    Original URL path: http://blog.akanelee.me/tags/Wish (2016-05-02)
    Open archived version from archive

  • 從 F1 方向盤看使用者經驗 « 嫁給RD的 UI Designer
    1 00 處 可以聽到按下按鈕時響起非常清脆的喀聲 以現今的科技絕對作的到無縫 無聲 甚至把方向盤上的所有按鈕都改成觸控或是其他更高科技的方式去處理 但為什麼他們不這麼做 為了手感上的操作回應 觸控螢幕最大的問題在於 沒有手感 賽車手在命懸一線的緊張賽道上 稍分神個 0 1 秒都有可能釀禍 若改成觸控螢幕將逼使賽車手低頭確認每個按鈕的位置 這張圖是賽車手握住方向盤的樣子 可以看到他為了牢牢抓握住方向盤 大姆指不可能像握 PS3 手把一樣 放在類比香菇鈕上 甚至姆指下方還有個橫槓能減少滑動 能把方向盤握得更穩 換個角度來看 按鈕控件並不只存在方向盤中央部份 雙手大姆指上方各有數顆按鈕 近一點看 按鈕完全走復古路線 但壓下去的手感反應可以讓賽車手不用低頭就確定自己真的有按壓到 在戴著手套的情況下 需要更誇張的操作回應 這種按鈕機構簡單 維修容易 出錯率低 回到這張 LCD 的新型方向盤圖 原文有提到各個按鈕的作用 可以想像一下對賽車手而言 最好按不易誤觸的會是哪兩顆按鈕 最好按的按鈕一定會放最重要或最常被用到的功能 左上黃色 N 按鈕 從一檔或二檔切到空檔 右上紅色 PL 按鈕 啟動維修站賽道限速功能 將車速限制在特定維修站賽道速限內 通常為時速 100 公里 Pit Lane 開進 Pit Stop 維修站專用的賽道 黃色 N 按鈕跟過彎 煞車有關 賽車道上有許多彎道 對車手而言快速切換檔是非常重要的功能 而紅色 PL 按鈕跟進維修站有關 一場賽事下來不可能完全不進維修站 需要換輪胎 調整風阻等等 在分秒必爭的情況下也是個非常重要的功能 老公 Vettel 有一次一場賽事只進過一次 pit 跑完還很高興的鬼吼鬼叫XD 從 F1 的方向盤裡 可以看到各個小細節對賽車手的影響 使用者體驗其實比大家所想像的更為重要 當所有人做出來的成品都差不多的時候 在這些地方的細心往往就是影響成敗的重要關鍵 不要再覺得使用者體驗不重要了 如果可以無視的話 為什麼車隊要在方向盤上下這麼大的心力呢 圖片取自 Formula One Insights 6 Steering Wheel Get Street Smart with Lewis Hamilton and Nico Rosberg An Inside Look at the Insanely Complex Formula 1 Steering Wheel 補充 0 1 秒對車手的重要性 F1 賽車平均時速超過 200 公里 以 200 公里計算 表示 1 分鐘大約要跑 3 333 公里 每秒跑 55 5 公尺 所以 0 1 秒可以跑 5 公尺以上 如果以我蜜月旅行去的 2012 新加坡夜間公路賽來舉例的話 0 1 秒就可以決定你是車開在路上 還是已經撞牆了 單圈長度 5 093公里 比賽圈數 61圈 比賽總長度 309 453km 也就是說 每圈只要落後 0 1 秒 61 圈後就輸人 6 1 秒了 大概是 340 公尺吧 那還要跟人搶什麼第一名啊 Posted by Akane Lee May 16 2014 個人經驗 ux UI Tweet Comments Please enable JavaScript to view the comments powered by Disqus comments powered by Disqus 2014 05

    Original URL path: http://blog.akanelee.me/posts/198022-f1-user-experience (2016-05-02)
    Open archived version from archive



  •