iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 4
0
Mobile Development

[初探] 用 SwiftUI - 打造一個自助洗衣應用系列 第 4

第四日、用SwiftUI 打造自助洗衣應用-介面簡單介紹篇

當我們談論到介面時,理所當然會對設計理念以及整體給人的感官去做介紹。

首先

https://ithelp.ithome.com.tw/upload/images/20200904/2013009941wx73nSnZ.png
重要的當然是你的icon,轉述我們美術擔當在設計時所要呈現的感覺:

ICON 是以滾筒式洗衣機作為發想,以立方體的方式再利用明暗的效果繪製出開著門的洗衣機,底以白色與藍色再以波浪線切割,是想傳達水中的調和。整體選用藍色與白色的冷色調做為主色調,給人一種乾淨、清爽的感覺。藉由色調搭配,希望使用者能在洗衣的過程中,感到舒暢並交給下一個使用者。

再者

https://ithelp.ithome.com.tw/upload/images/20200904/20130099aleIfkgEBR.png

簡單的介面圖,如上所示。
由左至右的按鈕為上篇所講述的,找地點我的便條我的衣櫃
按鈕的圖示是由美術擔當所設計,以及內建圖示庫SF Symbols去尋找。

接下來的一篇會從這方面去著手~~


上一篇
第三日、用SwiftUI 打造自助洗衣應用-架構篇
下一篇
第五日、用SwiftUI 打造自助洗衣應用-圖示與icon篇
系列文
[初探] 用 SwiftUI - 打造一個自助洗衣應用30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言