12306手機端終於改版了!卡片式設計
暑假開始了,小編無處不想浪的心已經躁動不已……
而現實是社會人大多沒有暑假,此時此刻對老師這個職業產生了嚮往,於是小編準備默默關閉訂票軟體……
咦咦咦咦咦咦咦?改版了??12306手機端改版了???
其實小編有點久沒有訂高鐵票,想不起改版前的UI是什麼樣子,還好有萬能的互聯網。
可以說是,終於用上了卡片式設計了……配色也朝著目前比較流行的搭配轉變了。而且還增加了「正晚點」等功能的入口,豐富了首頁內容和方便了用戶,除此以外狀態欄的入口也進行了更新。
emmmm……具體班次時刻表的變動比較小,基本還是保持了列表的形式。
登陸頁面也改成了時下常見的輸入樣式,不知道是不是視覺升級帶來的心理作用,突然覺得12306 App形象高大了起來,果然人靠衣裝,連App也不例外呀。
卡片式設計
卡片式設計可以說是當下UI設計中很常見的形式之一,我們在App裡面看到圖片和信息通常都會以矩形區塊來呈現,像是容器一樣承載著App的內容。
另外卡片式設計會讓人感到親切,因為在有智能手機以前,我們身邊就充斥著各種各樣的卡片:身份證、銀行卡、名片等。
12306這次的改版終於是向大眾方向靠攏了,使用卡片式設計不僅更容易讓用戶消化內容,還將不同的內容「區塊化」了,用戶獲取信息變得更加輕鬆了。
除此以外,卡片式設計兼容性很強,不管是App還是Web,都能夠有效適應響應式設計。
卡片式設計在視覺上可塑性很高,能使用圖片來強調,讓卡片式變的更加吸引人。
反人類的設計例子
懷著冒險的精神,小編想要看看12306有沒有順便把網站也升級了,結果讓我十分失望ε-(′?`; )
看到這個年代感滿滿的網站,小編想起了被圖片驗證碼支配的恐懼……
曾經試過,十幾次都沒有驗證成功,天知道負責這塊的程序員哥哥的代碼是怎麼寫的。
圖像驗證碼並不是12306的專利,其實谷歌也有圖像驗證碼,但是十幾次都不成功的情況真的很小。
除了12306的反人類驗證碼,還有很多讓人哭笑不得的反人類設計:
即使換成兩腳在上三腳在下,空間不夠的情況還是屢屢發生的,不過近年來很多這樣配置的插座已經作出了改良,據說不會出現上述的情況……
想知道體重懸殊的人坐上去這飯還能不能好好吃了,這位設計師肯定是不想一個人吃飯……
教練!我不想要一個人吃飯,但是我又害怕對方的眼神怎麼辦!可能你需要這張桌子……
很多人覺得這種蚊香也很反人類,一盤兩個不好翻開,搞不好一點就整盤沒有了。但是小編要實名為它平反,這是我見過最聰明的設計之一了!
這種蚊香利用了「陰陽」的設計,兩圈製成一圈,一方便開模,二不易折斷,三節省空間。其實使用這種蚊香根本不用分開,因為其中一盤燃燒完,另外一盤自然而然就剩下了。
除了生活處處有驚喜以外,假如設計師放假了,程序員哥哥也是要撒歡兒的……
我不過是想調個音量,我招惹誰了我ε-(′?`; )
不知道大家對12306的改版是否滿意,小編總覺得改版以後,操作流暢了好多,不知道是不是(視覺效果帶來的)錯覺……
推薦閱讀:
※用戶思維與產品思維的差距決定了帶給你財富的多少!
※ICON 圖標設計規範與原則
※回顧 | 知道你需要一個溫暖的窩 他們在改善租房體驗這塊做了這麼多
※陳亮:不會這一招,至少讓你少賺一百萬
※用戶體驗(UX)設計師應該如何提問?