你知道嗎,新版身分證的UI其實暗藏玄機!(上)


你知道嗎,新版身分證的UI其實暗藏玄機!(上)





我們能從新版身分證的UI設計中得到什麼idea?快往下看就知道!

睽違14年,今年10月即將入手的 eID,新功能你期待嗎?

還記得 2018 年內政部舉辦的「新版身分證」設計競賽嗎? 當時任職 HTC,參與 HTC Sense UI 介面設計與 HTC Themes 設計的魯少綸,他的作品「形|SHAPE」以簡潔的 UI 廣獲評審青睞,獲得「設計獎」,更成為新式身分證的設計依據。



▲ 新身分證得獎做品:左圖為設計獎、右圖為人氣獎


不過在網路票選過程中,「形|SHAPE」僅獲得 46 票,與獲得近 10 萬票卻只得了一個「人氣獎」的作品「嶼民在地」票數相差懸殊,引發網友們不滿。「不禮貌鄉民團」在臉書上貼出比較,質疑為何 9 萬 6 千票的作品卻輸給僅有 46 票的作品,引發論戰。

對於爭議不斷的新身分證競賽結果,設計師聶永真表態:「不要用民粹霸凌設計獎得主!」

究竟新身分證除了極簡風的 UI 介面之外,到底還有哪些亮點,值得設計師為它發聲呢?

 

新身分證 UI:高延展性、整齊易讀、具包容性,獲評審青睞


▲ 新身分證版面切成單純的左右兩塊,給予長短不一的字數有很大的延展性,版面也更整齊易讀。

 

 

左右區塊排版,簡潔易讀

據「身分證再設計官網」所寫的官方勝選理由:「形|SHAPE」以整齊的排版勝出。其實參考上圖,我們不難發現:「形|SHAPE」無論是正面、反面,都只有切成單純的左右兩個區塊。正片的左區塊約佔了整體版面的 2/3、背面則占了約 3/4。

延展性強:無論文字多長都能排進去!

作者將姓名、地址以及「中華民國國民身分證」的中英文字樣⋯⋯等等字數較多的資訊,巧妙地置於較大的左區塊,讓整張身份證看起來有整齊分明的排版;且左區塊的文字內容也有足夠的空間可以延展,因此無論當事人的地址、姓名長度多長,都能在雙語的排版上明暸易讀。

低調呈現台灣意象 質感律動感都到位!

另外,作者也將代表台灣土地的圖樣,低調地詮釋在細節中:身分證簡約的白底,搭配玉山山脈的等高線圖的壓紋,上頭還印有台灣島狀的光影變化箔膜。對比其他直白地使用具體的台灣島外型、101 等圖樣,兼具律動感與藝術感的等高線線條作為背景,這確實是令人玩味的呈現方式~

本篇為上篇,下篇請點此連結


相關文章:

你知道嗎,新版身分證的UI其實暗藏玄機!(下)

想把UI設計學好你需要的設計心理學指南在這!

奧迪和福斯的UI設計,搭配"數位優先",會擦出什麼火花?(上)

JavaScript入門教學#18|創造JavaScript物件(Objects)

你是我的眼!Google AI 眼鏡助視障朋友「看見」世界

差點被拋棄的冠軍程式語言-Java入門教學(一) Java 身世之謎/寫出第一個Java程式

APCS 是什麼?所有 APCS 檢定的問題這篇都會回答你!


這個網誌中的熱門文章

Python控制結構一點就通!(5)while迴圈

前端工程師絕不能搞錯的CSS中:逗號.空格的差別!

網頁前端CSS必學兩屬性:display與visible