Windows UI的設計理念

2021-08-27 07:42:55 字數 1951 閱讀 3571

windows ui的設計理念由最核心的五個原則組成,它們是:

● 簡潔與快速(clean, light, open, fast)

● 注重排版和布局(celebrate typography)

● 內容重於形式(content before chrome)

● 生動而有靈魂(alive& in motion)

● 返璞歸真(authentically digital)

當然以上這些設計理念在不同的軟體產品中會有一些不同的具體表現形式,根據產品特性不同、應用場景不同而表現出不同的側重點及具體特性。但是核心的理念特徵卻一直保持統一,那就是「內容重於形式」。

1. 簡潔與快速

20世紀50年代期間,一種嶄新的平面設計風格在聯邦德國與瑞士形成,被稱為「瑞士平面設計風格」(見圖1-6),由於這種風格簡單明確,傳達功能準確,因此流行於全世界,成為二戰後影響最大、國際最流行的設計風格,並被稱為「國際主義平面設計風格」。

瑞士平面設計風格穩健,四平八穩地傳達設計,給人印象深刻。不少人認為瑞士風格是乙個統一的、單一的風格,瑞士設計家大部分不同意這種看法,他們往往強調瑞士國家雖然小,但是設計風格變化多端,極為豐富。直到現在,瑞士的平面設計依然具有強烈的整潔、嚴謹、工整、理性化的特徵,一絲不苟,傳達準確,形式單調乏味。

正如微軟的一位設計總監所說:「windows ui的哲學是『化繁為簡』(do a lot with a little),富有創意地進行排版、去掉裝飾物,讓版面自己說話,這樣才能讓內容成為主角。」事實上這一設計的基本元素在生活中隨處可見:地鐵站、機場或路旁的各類指示牌上。它們保證人們即使在步履匆匆的時候,也能從這些平面中獲取足夠的資訊。而微軟也把這種理念遷移至使用者介面上,不論你使用的社交網路資訊流動有多快,都可以通過這種平面設計獲得支援,不僅可以快速瀏覽到自己關注的重要資訊,還可以高效地完成更多日程安排。

2. 注重排版與布局

為了達到乾淨、清爽與快速的準則,在進行windows ui風格設計時需要重點考慮到的設計元素有如下這些:對齊、間距、列表、文字、標題、按鍵、圖示。其中對齊和間距決定著整個系統介面的整齊和可閱讀性;列表是文字、標題和對齊、間距的統一組合表現,這些元素的作用在列表中是最一目了然的;另外按鍵和圖示的簡潔易懂也能幫助整個介面更加扁平化及高效化(見圖1-7~圖1-9)。

3. 內容重於形式

讓內容跳出框架的點綴來突出自己的重要性,並且在時間碎片中找尋更多的資訊,這就是windows ui為windows 所定製的設計理念。這是乙個效率化的現代社會,雖然當今主流手機的眾多花哨功能讓大家應接不暇,但是並不是所有使用者都有足夠的時間來被裝置綁架。很多裝置有著華麗的桌面,有著好玩的解鎖互動,甚至連分類程式、刪除檔案都有著很華麗的過程,但是這些是不是我們使用這台裝置時真正需要的呢?

4. 生動而有靈魂

當靈動性被忽略時,你所看到的介面更接近於unix shell 的體驗,這不會對使用者產生太大的吸引力。在windows ui 上開發者很容易做出簡潔而突出內容的介面,但是「windows ui 不是停止介面設計的藉口」,你需要考慮配色、動畫和小細節,突出應用的風格。

5. 返璞歸真

當windows ui設計的各項要素一一在介面上得到貫徹時,整個應用介面自然就有了一種返璞歸真的感覺(見圖1-13)。因為這時螢幕上只留下了使用者當前最關注的內容,摒棄了各種無關緊要的花哨點綴,這也是我們所說的windows ui的設計精髓「內容重於形式」的終極體現。在多年的計算機人機互動介面的設計上,我們花費過多的時間來進行**的視覺設計和互動設計,致力於在原本平面的螢幕畫板上營造出立體層次效果,殊不知這樣的結果往往是更多的精力被用在和內容本身無關的工作上。而windows ui要帶給設計師和使用者的只有內容的表現形式,用內容本身來表現自己的形式,我們也稱為「沉浸式」的體驗,螢幕上只留下內容,命令和導航都預設隱藏起來,這正是一種設計語言上的返璞歸真。這種返璞歸真我們也可以理解成是由gui(圖形使用者介面)向nui(自然使用者介面)的逐步演變過程。

本文節選自《超越想象——windows 8應用設計與開發 (全彩)》

朱巨集,亓光宇,李孟曉編著

電子工業出版社出版

設計的理念

今天在閱讀 設計原本 的第一章的時候,看到乙個名詞 設計理念 的時候,十分驚喜。如果只是說設計本身的話,它可以看做是 乙個受造的事物 當設計作為動詞的時候,就是與這個事物相關的設計過程。這個看到這裡其實並沒有讓我感到很驚喜,但是當看到 設計理念 的時候,我覺得今晚的書沒有白看。設計理念是具備設計整體...

模組設計理念

coding utf 8 python 27 xiaodeng python學習手冊 640 模組設計理念 如同函式,模組也有設計方面的折中考量,需要思考哪些函式要放進模組,模組通訊機制等 模組設計理念 總是在python的模組內編寫 模組耦合要降到最低 全域性變數 就像函式一樣,如果編寫閉合的盒子...

Google設計理念

我們首次擬就這 十大信條 還是在google剛剛成立沒幾年的時候。此後,我們時常重新審視這份清單,看看它是否依然適用。我們希望這些信條永不過時,而您也可以監督我們是否遵守了這些信條。自建立伊始,google就一直以提供最佳使用者體驗為宗旨。無論是設計全新的網路瀏覽器,還是更換首頁外觀,我們都非常用心...