好週記,不讀嗎? 2017#19週


真糟糕,好像開始習慣性 Delay 了…早知道就不要寫什麼第幾週…

  1. [網站] Nick Jones:黃金比例實驗型網站
    http://www.narrowdesign.com/
  2. [工具] Gridprint:paper prototyping
    https://gridprint.in/
  3. [工具] Ora 團隊任務管理工具
    https://ora.pm/
  4. [Sketch] Version 44
    https://www.sketchapp.com/updates/
  5. [好文] Should Designers Code? 一個近年來爭論不休的議題
    https://medium.com/@MrAlanCooper/should-designers-code-f7b745b8cd03?ref=uxdesignweekly
  6. [好文] Design Better Data Tables :如何讓表格更好使用!
    https://uxdesign.cc/design-better-data-tables-4ecc99d23356?ref=uxdesignweekly
  7. [好文] Mobile Design Best Practices 
    https://blogs.adobe.com/creativecloud/mobile-design-best-practices/?ref=webdesignernews.com

Nick Jones:黃金比例實驗型網站

利用黃金比例切割的網站

這是Nick Jones的一個實驗網站,主要是看看使用者會有什麼反應。一進入網站,映入眼簾的馬上就是黃金比例線條,緊接著出現各個區塊,而且每個區塊的文字都是不同方向,隱約提示使用者滾動時畫面會朝逆時針方向進行,而且每次的目光都會集中在最左邊的卡片,而且滾動後,如果超出要看的卡片一點距離的話,還會幫你把畫面彈回來。另外也很貼心的提供鍵盤操作,也是富饒趣味,而且我嘗試著滾到最後面卻發現好像滾不完,徜徉在猶如萬花筒的世界裡,越滾越發被吸引。

雖然這樣的版型或設計不見得很適合閱讀觀看,但網頁設計師的確需要多做一些這種實驗,從不同設計領域或經驗,探索新網頁設計的可能性,才能激發出越來越具前瞻性的互動體驗想法,而不是一成不變的跟著流行而創作,否則未來可能真的會被機器人所取代了 :(


Gridprint

https://gridprint.in/

Gridprint 主要是要幫助喜歡手繪 wireframe 的設計師們,不需要再浪費時間畫出自己想要的 grid ,只要透過他們網站,點選所需要的版型列印即可!

但要注意的一點是,經過筆者測試,發現 mac 的 chrome 與 safari 無法正常列印,而利用 firefox 則是正常的。至於 IE 與 Edge 的話,筆者日後測試後會再回到這篇文章來編輯。


Ora 團隊任務管理工具

https://ora.pm/

最近發現的一個專案任務管理工具,好不好用的話看每個團隊或個人需求,但以設計面來說給人一種很舒服的環境,在因為工作而產生的不耐煩或厭煩的情緒中,進到這個服務裡至少不會再更令人惱怒,反而心情上我會覺得被取悅了一下。

註冊後進到服務裡,會看到個人或是組織的清單,讓我們快速地建立一下。

首次進到服務的畫面
建立組織時會請您選取方案

組織頁面中,四個頁籤應該不難理解裡面有什麼內容。projects 就是總覽專案列表,members 則是管理可以進到此組織的人,settings 目前只有設定 private/public 與 刪除,billing 則是需要換方案時使用。

接下來我們為這組織新增一個專案,

新增專案

建立時會有 simple 跟 Advanced 可以選擇,如果選擇 Advanced 就有畫面上這些功能可以使用,目前 Task Relationship 跟 Timeline 還無法使用。

新增完專案後進到 task 列表,因為一開始都空空的,所以馬上來新增一個 task 看看。

任務還提供 markdown 語法支援、子任務、留言、上傳附檔、時間估算、時間紀錄、關注等功能
可以切換不同瀏覽模式

其中比較重要的可能是時間紀錄,以工程師來說,有時候要記錄一下自己總共花了多少時間做這件事,而且這是可以暫停的,以防你中途要去吃個飯或是有雜事。但比較可惜的是他一次只能記錄一個 task 的 時間。

另外在左上方的選單中,還可以使用專注模式不受其他東西打擾,切換後的畫面就變成這樣。

不同時間的任務檢視

在專案 Features 中,未來可能還會提供與其他服務做連結或是新功能,每一項都讓人蠻期待的,尤其是 invoicing 服務怎麼樣提供令我有點好奇。

小結:越來越多的任務管理服務令人眼花撩亂,我也不會說 ora 就是最棒的,畢竟每個服務目的、對像都不同,能挑到自己與團隊適合的才是最重要的!如果你正在尋找這類工具的話,不仿先把你的需求清單列出來再一個個比較,再評估付費方式,以及是否能負擔的起。


選擇已建立的Artboard時,也多出了這兩個選項

2. 可以使用其他 font 取代已遺失的 font。
3. Sketch Cloud 可以留言了。
4. 物件的 resizing 功能更強大了。


Should Designers Code?

當前端設計興起的時候,這個問題好像近幾年被不斷的爭論當中,作者在此篇文章中沒有給出他的答案,而是希望以更長的篇幅來探討這件事。大家也可以想想設計師學不學 coding 的優缺點以及是否有其他影響的因素~。


Design Better Data Tables

這篇作者很佛心的把設計師們日常在設計 table 時候可能遇到的情況做了各種 GIF 檔,如果此時的你正好陷於設計 table 的苦惱之中,也許可以進去看看有沒有適合自己的解法。


Mobile Design Best Practices

總會有那麼一段時間後,會看到類似的文章,例如「如何設計XXX 」,「設計XXX的 X 種手法」等,雖然有點疲乏了,但還是會點進去看,原因除了溫故知新之外,還有提醒自己不要忘了一些基本的東西,畢竟有時候會太鑽牛角尖在某些局部設計,而忘了整體設計是否恰當。由 Adobe XD 每週出的文章中挑的一篇,推薦給大家閱讀。