標籤: design

0

視覺前端 - 按鈕的使用情境

視覺規範沒有一定的標準,究竟是美醜優先,還是使用者體驗優先,這都沒有一個準則,當然在最理想的情況下,是能同時符合兩者。所以在按鈕的使用上,我嘗試找出一些規則,來讓畫面不至於凌亂,並且讓使用者可以感受到舒適。 而按鈕本身有著不同的個性,所以在畫面的使用上,也會依據需求的不同,來使用不同個性的按鈕。就算是同一個Framework所提供的按鈕,也會有相當多樣的選擇供開發者使用,但是選擇一多,往往也會造成困擾。 “目前的情況下該用哪種按鈕?” 上面的問題,我也思考很久,所以整理了幾種可能的性給大家參考參考。

0

視覺前端 - 按鈕的個性

在參加完鐵人賽以後,會想要再精進UI設計的部分,所以想試著寫設計得文章,接下來會連續幾篇UI設計的文章,有些是在鐵人賽前就準備好的,最近在重新整理PO出來,希望大家會感興趣。 網路上有許多開源的Framework,通常我都會參考他們的按鈕以及表單設計,因為這是最能夠表達Framework特色的元件。按鈕與表單,按鈕更能表達一個Framework的個性,如圓角、顏色填充的方式、預設的色彩變化、單位計算方式(em or px)等等,當然表單也有,但許多為了實用性,表單會將設計簡化。

0

前端設計師的設計與執行

圖片來源 google material design 看到 嫁給RD的 UI Designer 的這篇文章有感,想說也寫一下我對於這個主題的想法,在工作的流程中,每個人所佔的崗位不同,都會有不同的觀點,她的這一篇所在的角色是UI,我的看法是設計師與前端之間的角色。 從學設計到現在轉職成前端,因為設計背景的關係,所以大部份在執行時都是從設計到切版都是我做,這在執行上並一定是好的流程,只是不同崗位,有不同的觀點,同時橫跨兩個崗位,就會掌握不同的面向,但畢竟是一個人,無法面面俱到,所以這邊會提出一些我的看法及解決辦法。

0

安裝Gitbook

利用Gitbook製作電子書是相當容易的,作者只要熟悉markdown語法以及簡易的安裝,就可以快速編寫屬於自己的書籍,它有著以下幾點特色。 利用git 版本控制 用git就可以發佈新版本 利用markdown語法編寫 包含手機版 這邊就簡單介紹如何安裝gitbook server在自己本機上,以利於快速與他人合作。 注意:本文不會提到git操作,在使用gitbook前,請先熟悉git。

0

翻譯Material Design心得

距離上次的文章也將近一個月…,這段時間主要是在翻譯Google Design,所以有一段時間沒有發新的文章。然而翻譯Google Material Design的原因,也是想要讓中文化後的更多人閱讀,進而引起大家的討論。 整體翻譯的時間從6月27日到7月23日將近一個月的時間,特別感謝從一開始就協助翻譯的Tillonter Hsu、Helen兩位,到最後都還在翻譯;也很感謝Peter、Frances的加入,讓整體進度突飛猛進,還有社群其他的好友Charlene、Mkdodos、陳聖博、Xuan沒有大家的幫忙,這是沒有辦法再這麼快的速度完成的,當然研究所的朋友Xunyi,感謝一起入坑幫忙。 https://www.gitbook.io/book/wcc723/google_design_translate