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".
  • 2014.05.24 課程:UI/UX 如何導入軟體開發流程 « 嫁給RD的 UI Designer
    的不同點 UI UX 在軟體開發中各階段的角色 如果 UX 到了這個階段才加入開發 費用 每人新台幣 1000 元 活動現場繳費 備註 請提早報到 13 50開放報到入場 課程準時開始 主辦單位保留報名 變更或取消活動之權利 現場備有飲料點心 30個名額 額滿為止喔 報名請往這邊走 UI UX 如何導入軟體開發流程 2014 05 24 Posted by Akane Lee May 13 2014 Lesson UI ux Tweet Comments Please enable JavaScript to view the comments powered by Disqus comments powered by Disqus 準備作品集 從 F1 方向盤看使用者經驗 Akane Lee Recent Posts UI 設計入門班 學員心得 UI UX 吃貨群 2016

    Original URL path: http://blog.akanelee.me/posts/198816-20140524-uiux (2016-05-02)
    Open archived version from archive

  • 準備作品集 « 嫁給RD的 UI Designer
    住家地址不用了 我住哪跟我的工作能力有什麼關係 學經歷 研究所 大學 社團 學歷只對找第一份工作有用 如果社團玩的很有心得也可以寫上去 之前任職的公司 公司名稱 職稱 之前待在知名公司絕對有加分效果 職稱可讓人知道你之前負責什麼工作 對技能有點底 得獎紀錄 校內比賽就不要放了 起碼放個全國級的 什麼大胃王或選美冠軍也別放了 雖然找工作就是來找飯票的沒錯 技能 基本上作品集丟出來就知道應徵者會哪些東西了 如果你是新鮮人在第一份工作的話 前往中小企業錄取率會比較高 把技能值設計成視覺化資訊圖表會加不少分 沒辦法 很多時候根本是跨部門的主管在面試新人 只好用這種方式找工作 先求有再求好 作品 這部份要對應你想面試的職務內容更動 面試網頁設計師總不能全部都放滿icon設計 找視覺設計的工作也不能都放 Wireframe 和 Flow 大約 70 作品和該職務相關 30 表示 這些領域你也會 小公司需要各方面都會一點的人才 作品集這樣分配會讓面試官覺得找你進來可以做很多事 增加錄取率 封面封底 封面比較重要 畢竟是門面 最好讓人一眼就印象深刻 封底就隨便啦 全白也無所謂 打個 Copyright 2014 之類就解決 印紙本 印紙本作品集是為了紀念 帶去面試時方便面試官翻閱 最多印個3本也就夠了 如果有iPad或筆記型電腦甚至不用印 重要的是作品集裡的內容 大約含封面封底簡介壓在20頁以內就夠了 挑精華的出來 厚厚的一本反而容易被挑毛病 電子檔 PPT 或 PDF 都可以 我個人是用 Keynote 無論用什麼軟體製作電子檔 記得要輸出一份 PDF 以防面試官對你有興趣跟你討的時候可以快速交件 不要交一整疊的 JPG 或壓縮檔 通常信箱有附件檔大小限制 事前就要先測過 不然就乾脆上傳到 Dropbox 或 Google Drive 把連結存好備用 國情不同 接觸大陸那邊的學生才知道為什麼他們習慣用一張很長的JPG當簡歷 作品集 對岸的競爭太激烈 HR 根本不會去下載 PDF 或點網址去看 20 頁的作品集被壓縮成一張圖 在順序編排上就要用點心機 70 重點作品 3個以內 圖越大越清楚越好 20 技能 通常在看簡歷時腦袋是空的 有寫這部份可以提醒 HR 5 得獎紀錄 別人沒有 可是你有啊 差別就拉出來了 5 個人資料 姓名 mail 就夠了 照片可以免放 除非對自己長相很有自信 非名校出身或海歸也不用放學經歷了 字越少越好 除了必要的標題 副標外 多餘的字會吃掉放作品的空間 那麼多的簡歷 一張大約只有3秒鐘的機會 不會有人去看字的 對你有興趣的人才會好好瀏覽整張簡歷圖 並在圖上找要怎麼聯絡你 所以作品要放最上面最容易被看到的地方 好吸引 HR 繼續看下去啊 禁忌 很不幸我有遇到應徵者做出這樣的作品集 先別提實力 最基本的道德這關就過不了 拿 Dribbble 上的高手作品壓上自己的水印 拿免費 UI PSD 改個字換個色就說是自己做的 作品集裡各個作品程度參差不齊非常明顯 就算找進來面談一問也會漏餡 不要以為騙得了人 只會把自己名聲搞臭而已 Posted by Akane Lee May 12 2014 工作經驗 Tweet Comments Please enable JavaScript to view the comments powered by Disqus comments powered by Disqus 彩色圓環試作 2014 05 24 課程 UI UX 如何導入軟體開發流程 Akane Lee Recent Posts UI 設計入門班 學員心得 UI UX 吃貨群 2016 年 4 月書櫃 UI 設計師看 Auto Layout 讀者來信 UI 設計流程 iOS

    Original URL path: http://blog.akanelee.me/posts/198421-portfolio-resume-preparation (2016-05-02)
    Open archived version from archive

  • 彩色圓環試作 « 嫁給RD的 UI Designer
    色相 的數值 這邊每個圓的 H 值都差 20 S 彩度 和 B 明度 可以保持不變 4 加上高光 這高光技法非常重要 超實用 一定要學起來 5 加上光影漸層 漸層強度自己試 6 加上厚度 完成這步驟就畫好一條有厚度的線了 這種加厚度的技法也超實用 7 一次完成所有線段 在畫好的這個圖層上點右鍵 複製圖層樣式 然後選中所有線段圖層 右鍵 貼上圖層樣式 厚度的顏色必需和線段本體顏色相近 剛才不是每個 H 值都差 20 嗎 打開每個線段圖層的陰影樣式調整 H 值 讓厚度的顏色和線段顏色接近 8 圓環整體的打光 在群組上設定圖層樣式 就能確保每條線的光感相同 9 加陰影 非常重要 真正讓線段有層次感 立體起來 最後的完成品長這樣 應該要把線再加粗一點會更有型 只是傳達一種製圖方式 實作上不難 圖層樣式用熟了變化很多 尤其是高光和厚度的作法 扁平化設計必備 Posted by Akane Lee May 10 2014 photoshop tutorials UI Tweet Comments Please

    Original URL path: http://blog.akanelee.me/posts/198220-color-ring-test (2016-05-02)
    Open archived version from archive

  • 網頁設計師基本功 « 嫁給RD的 UI Designer
    RD 會接受用 Dreamweaver 之類視覺化軟體產生的 Code 這要看和設計師配合的 RD 接受度到哪裡 通常平面想轉網頁設計很大部份是薪水可以喊比較高 如果想拿更高的薪水就不要依賴 DW 老老實實的練英打吧 推薦 死亡打字員 想當個網頁設計師 W3C 是一定要懂的 當然非常多的元素不會每個都記得 把這個網址當目錄用吧 不懂或忘記就跑來查一下 All Standards and Drafts W3C 補充 W3Schools Online Web Tutorials W3Fools A W3Schools Intervention CSS 推薦 CSS current work how to participate margin padding 是初學者最容易搞混的兩個值 Float 很常用但不小心就破版 熟悉 Background 可以玩出很多花樣 等等 在 CSS 細節部份就可以偷懶一點用現成的了 雖然產出的 Code 比較醜不優雅 但 RD 比較少去動到這一塊 所以還可以接受 我自己常用的偷懶工具如下 圓角框 CSS Border Radius Generator 陰影 Box Shadow CSS Generator 按鈕 Buttons A button library built with Sass and Compass 可以看 browser 對 html css 等等的支援度 Can I use Support tables for HTML5 CSS3 etc 當然很有很多其他線上生成或是外掛包 歡迎大家補充 好讓我能更偷懶一點 Responsive 先把 Html 和 Css 練熟了再來看 Responsive 這個大難題 要做好一個 RWD 從 Wireframe 就要規劃好 在 Wireframe 階段我習慣先設計 Desktop 版本 功能最多最完善 但在寫 Code 的時候會是反過來 先從 Mobile 的尺寸開始刻 剛接觸 RWD 的先套 Bootstrap 增加成就感和手感 等熟悉了覺得不夠用綁手綁腳的時候 差不多該踏進 Sass Compass Susy 的領域 別用現成的軟體做 Responsive 除非是純靜態網頁不需要和 RD 合作 原始碼髒就髒沒關係反正不會有人看了 目前我看到 排排版就好 的軟體產出的 Code 沒有乾淨的 只要是之後有人還要接手的產出 拜託維持它的乾淨整齊 有沒有打開廁所門看到一團亂產生暈眩感臉色發青的經驗 看到噁心的 Code 就是這種感覺 結論 以上寫的非常粗淺 只能算是給個方向讓初學者知道要怎麼學習 最好還是去找個 F2E 拜師學藝一下 靠自己自學寫出來的東西一定會被正規 RD 嫌棄 我就被老公罵過 這是什麼邪魔歪道 邊哭邊學被他嫌棄了一整年才得到勉強及格的評語 如果能把上述 5 項都練起來 就能自己接案賺外快了 只要和程式無關的靜態網頁都難不倒你 網路上有些套裝的特效包可以拿來改一改套用 看起來也很炫 遇到需要套程式接後台的可以兩手一攤說這超出網頁設計的領域要找 RD 配合 網頁設計和 F2E 職務範圍部份重疊 都要寫 Html Css 注重使用者體驗等等 最大的差別在於網頁設計師要畫 Flow Wireframe Mockup 切圖 標示文件 會寫 JS 特效最好 不會寫也沒關係 但 F2E 就要對 JS 很熟悉了 網頁設計師算是一腳踩在 UI UX

    Original URL path: http://blog.akanelee.me/posts/197929-web-design-basics (2016-05-02)
    Open archived version from archive

  • UI/UX 課程許願 « 嫁給RD的 UI Designer
    或是平日晚上 大約 2 4 小時之內 視課程內容而定 上課地點 某個捷運站旁邊 費用 一定是收費課程 目前規劃是千元有找 物超所值不敢講 但肯定讓你學得到東西 備註 目前只是許願 實際課程出爐後才會開放報名 Posted by Akane Lee May 7 2014 Wish Tweet Comments Please enable JavaScript to view the comments powered by Disqus comments powered by Disqus UX 如何改善開發流程 網頁設計師基本功 Akane Lee Recent Posts UI 設計入門班 學員心得 UI UX 吃貨群 2016 年 4 月書櫃 UI 設計師看 Auto Layout 讀者來信 UI 設計流程 iOS 字級表 我和老公的作品 如果你覺得這個 Blog 不錯

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

  • UX 如何改善開發流程 « 嫁給RD的 UI Designer
    這個作業流程 就是為了能把來回修改的次數降到最低 延伸閱讀 初學者的 Functional Map 初學者的 UI Flow 什麼是 Wireframe 這三個階段產出的成果都要交給 SA RD 確認 尤其是 UI Flow 和 Wireframe 這關係到他們串接各個頁面的邏輯 如果牽扯到會員系統 購物車等更要注意 Flow 的完整和簡潔 一個不小心有可能會變成很噁心的黏滑蛞蝓 拖泥帶水還附贈抓不完的蟲 在這三階段來回修改的成本遠遠小於 RD 開始寫 Code 後發現問題 就跟蛀牙一樣 初期治療頂多洗個牙小補一下 忍痛硬拖久了根管治療或是打掉重練裝假牙 這會比較省時省力省錢嗎 專業 UX 的重要性 UX 最大的工作就是和使用者溝通 做測試 設計UI Flow 畫 Wireframe 寫文件 不過老闆通常只會叫做 UX 的那個人不要管溝通測試 照指示畫方框就好 UI Flow 和 Wireframe 非常重要 足以讓開發流程延長 10 倍或是事半功倍 可惜體認到這點的人很少 比起洗牙就好 好像大多數人都比較愛根管治療似的 讓外行人 PM BD 兼職 Wireframe 的結果就是產出一堆似是而非 整死 RD 可行性很低的規劃 一位好的 UX 能用簡單的邏輯設計出方便操作的介面 這表示不只使用者易用 連 RD 都會覺得介面好刻 不用煩惱各式頁面和諸多狀態間的串接太複雜 越混亂難懂的邏輯就越容易產生 Bug 光抓蟲就飽了哪有時間做出穩定流暢的 App 呢 舉個例子 以最簡單 視覺元素最少的字級表 App 為例 功能幾乎只有1 預覽各種字型 2 各種字級下的模樣 點右上角出現字型列表 捲動畫面各種字級預覽 App RainFont 左右滑動切換各種字型 上下捲動放大縮小字級 點擊左下角 icon 出現字型列表 從上方兩個例子很明顯看得出優劣 功能幾乎相同的情況下 有沒有 UX 介入差異非常大 同樣都能達到客戶的需求 但操作體驗 介面設計 未來擴充性等等完全不同 在簽約之前的需求訪談就要把 UX 加進去 通常進行客戶訪談的與會人員可能有 PM SA 在這個階段就請把 UX 也拉進去 既然 UX 要負責處理整個介面設計 他一定會有非常多需要從客戶口中問出來的情報 像是 這個 App 是 炫 導向 還是 功能 導向 目標族群是誰 需要和什麼樣的廣告或行銷方式配合 等等 好的 UX 熟知各種 Guideline 遵守 Guideline 的好處是幾乎都有內建元素可以利用 能讓 RD 省下許多力氣 有經驗的資深 UX 甚至可以在這個階段就能把客戶天馬行空的幻想擋下來或是換個雙方都能接受較省時省力的方式執行 省得 RD 要花大把力氣在非必備的功能開發上 不該只是使用者覺得好用 連 RD 都該覺得 Code 好寫才稱得上是好設計 簡單的介面不只使用者容易上手 通常邏輯也簡單 邏輯簡單表示 RD 也會輕鬆點 較不易出錯 QA 也不用一測再測 時程壓力小 PM 也不會天天被客戶追殺 在開發初期就把 UX 加入絕對能大幅減輕各部門的壓力 並讓專案執行更為理想踏實 突發狀況和蟲量也會減少許多 解放 PM BD PM 和 BD 的專業不會是使用者體驗 不要再逼他們去做超出他們專業領域的事了 少林功夫加唱歌跳舞有沒有搞頭 既然對領高薪立委的要求只有不要打架 那為什麼基層人員就得十八班武藝樣樣全能 這不合理啊 該給 UX 做的事就回歸專業吧 在需求訪談時加入 UX 遵守 Functional Map UI Flow Wireframe 開發流程 UX在每個階段的產出都要給相關人員確認 不要讓

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

  • 筆記 « 嫁給RD的 UI Designer
    us PS WEB设计指南 PS礼仪白皮书 http fastfoodapp blogspot tw 2014 03 iosapppush app html 当消息来敲门 iOS客户端上的消息提醒设计 http fastfoodapp blogspot tw 2014 03 iosandroidapp app html 栅格试验 by 盖盖 http fastfoodapp blogspot tw 2014 03 app html 想有国际范 10个小技巧让你瞬间提升网站档次 http fastfoodapp blogspot tw 2014 01 app html 让设计更出色 IOS7图标设计的七条黄金法则 不想找了好累 錯字連篇又東拼西湊 Posted by Akane Lee April 30 2014 Tweet Comments Please enable JavaScript to view the comments powered by Disqus comments powered

    Original URL path: http://blog.akanelee.me/posts/196443-steal-style-in-mind (2016-05-02)
    Open archived version from archive

  • 愛用的 Photoshop Plugins « 嫁給RD的 UI Designer
    Mockup 不想噴錢的話可以用免費的 Velositey 只是 WebZap 能產出 Mockup 等級 Velositey 就只是一堆方塊 Social Kit http socialkit madebysource com Free 如圖所示 點一下自動生成各種社群網站的樣板 看是要做Banner 背景 大頭照都很方便 specKing http wuwacorp com specking 19 0 一鍵生成切圖尺寸 間距 字體 字級 色彩 搭配 Slicy 一起用如虎添翼啊 別的不買沒差 這款不買太可惜 可以比之前介紹的 Markman 省下 80 以上的時間 必買必買必買必買必買 Subtle Patterns http plugin subtlepatterns com 11 99 各式各樣的無縫底圖 點個按鈕就自動套用在圖層樣式上 圖庫仍持續不斷的在擴充喔 Guideguide http www guideguide me Free 精準畫參考線用的 PS 外掛 介紹過很多次了 Pixel Dropr http pixeldropr com 19 0 可以收集整理自己的圖庫 並和別人交換使用 畫 Mockup 或公司內部需要一套標準樣板很方便 可惜一套樣板就只能存 100 個格數有點少 有些大量元件庫就得拆成上中下集分開儲存 Coolorus Coolorus 9 99 24 98 PS PS Finder 你知道 PS 裡內建色環可以選色這回事嗎 筆刷模式下 同時按 Contrl alt cmd 滑鼠左鍵 就會出現如照片裡的這玩意 在選色的過程中滑鼠左鍵不可以鬆開 我還截不到圖只能用拍的 有夠難用 後來找到 Coolorus 非常高興 如果有在畫 CG 的快裝這款 選色方便多了 這外掛還可以用在 Finder 裡喔 這表示 Keynote 什麼的都可以用這個漂亮方便的色環選色了 官網有免費試用版可下載 先裝來玩看看囉 其它 DevRocket 最重要的切圖功能可用 Slicy 取代 Renamy 不是必備品 勤勞一點手打字也可以解決 收藏起來等降價 或是我遇到非常大量要切圖的PSD檔時就會下手了 Perspective Mockups 可以產出非常炫的 Mockup 展示圖 Dribbble 上非常多人運用這款外掛 我就覺得奇怪為什麼大家角度都一樣 CSS Hat 有點貴 而且產出的 Css 碼還是有點雜 能手寫扣還是盡量手寫吧 我不喜歡好東西就是要藏起來的心態 藏到後來開發商沒有收入倒了怎麼辦 就什麼都沒有了耶 況且要靠這招才能假裝自己很厲害 眼界和肚量未免也太小 又不是什麼商業機密 Posted by Akane Lee April 25 2014 photoshop UI Tweet Comments Please enable JavaScript to view the comments powered by Disqus comments powered by Disqus RainFont 開發流程 筆記 Akane Lee Recent Posts UI 設計入門班 學員心得 UI UX 吃貨群 2016 年 4 月書櫃 UI 設計師看 Auto Layout 讀者來信 UI 設計流程 iOS

    Original URL path: http://blog.akanelee.me/posts/195574-like-to-use-photoshop-plugins (2016-05-02)
    Open archived version from archive