23個移動app介面上的旋鈕和刻度盤設計示例

2021-09-07 22:00:46 字數 1548 閱讀 6312

這種轉變並意外,旋鈕和刻度盤不需要占用移動裝置的太多空間,並可以簡單地為使用者提供一些列的引數和資料。旋鈕和刻度有著先天觸屏友好型的外觀,方便開發者在其中新增多項功能,可以給使用者審美上的愉悅和真實世界中的協調感。

以下列出的是一些很不錯的設計案例,不過這次推薦的都是圓形的旋鈕,我們也剛好看看同樣乙個功能元件上不同的設計風格和效果。

:溫柔的懷舊氛圍,微妙的草書字型以及平滑的玻璃儀錶盤。

mytransistor by alejandro rao

:復古外觀,用於著重表現工業革命早期科技的蒸汽朋克設計,猛烈的抓痕,綠色的拋光背景以及搶眼的老式收音機式旋鈕。

:與前邊幾個列子剛好相反,這個設計極為精細,現代化的外觀充分體現了**設計。

music player and voice recorder inte***ce by zsolt baritz

:強烈依賴現實主義的設計風格,將玻璃光澤效果、紋理以及字型很好地融為一體。**旋鈕和開關、刻度盤看起來都非常棒。

mixer elements by uriel albarran o

:圓滑的精確的黑色外觀,佔據大量空間的主按鈕給人愉悅舒適的感覺。

bikester mine v.2 by michael sambora

:用紅色、綠色和白色有效地組織了大量資料。 

radio by terrence

:很好地平衡了金屬按鈕和扁平面板。整潔清爽的圖示,字型以及頭部的動態紋理傳達了簡潔清晰的外觀。

:用淡灰和藍色打造了平靜中透露著活躍的氛圍。

air conditioning controller by kingyo xie

:現代化的極簡設計風格,珊瑚紅和白色自然融合。稍有凸出效果的旋鈕搭配著設計精妙的進度條。

:平滑的黑色介面,略帶噪點效果中滲入了躍動的藍色。

retro caller by zsolt baritz

:模仿老式**設計的介面,巧妙地運用了金屬撥號鍵盤,帶來了濃濃的復古氣息。

:謹慎黑和鮮亮紫的優雅搭配,一是為了對所有的圖形元素負責,二是突出中間的旋鈕、字型以及圖示。

:把整潔、優雅以及充滿活力的加速設計融合在扁平化設計當中。

:乾淨清晰的介面,有冷色和大量自由空間營造出了微涼的感覺。微妙的陰影和光滑的漸變塑造了三維的視覺效果。

celia』s weather by celia sun

remote by caspian ievers

:簡約中彰顯著現代和雅緻的設計感。設計師用螢幕的中間部分來展示了乙個凸起的多彩旋鈕。

old futuristic radio by tobia crivellari

:真實的**介面和控制項。

:暗色的ui,整體時尚簡約,同時有乙個閃亮的旋鈕。

:美妙的金色和有著金屬光澤的旋鈕透出了暖暖的感覺。

:帶有metro風格的美學設計,很好地整和了圖形和導航專案。

:體現了設計大師 dieter rams鮮明簡約的設計風格,將dieter rams的經典作品--博朗t3口袋收音機—搬到了iphone裡。細膩簡約的設計讓人彷彿回到了那段**時代。

綜述

移動App運營的8個潛規則

下面是原文摘錄。跟這些渠道的合作方式無非三種,一種是付費合作,那很簡單,談好 付錢。第二種是免費,主要是就是首發,還有就是跟渠道的運營小夥伴搞好關係讓幫忙給個免費的位置等。第三種是活動獎品合作,簡而言之,就是渠道商會逢年過節策劃些活動,需要獎品贊助然後提供給贊助的cp一些推薦位,還有就是原來安卓和安...

移動APP開發的五個重要步驟

第一階段 溝通需求方產品功能點 當需求方把想做的產品發布到平台,這個時候平台的專案經理會與需求方取得聯絡,了解需求方的初步想法,理清專案範疇看看目前需求方只是乙個想法還是到哪個開發階段,看是否需要投入時間理清楚產品的核心功能點,而不是簡單的跟隨客戶天馬星空的想法隨意 比較靠譜一點的方案,專案經理簡單...

介面開發 移動端APP開發中的一些介面設計理念

親密性原則主要是將相關的同類元素靠近,同時遠離不相關的元素。親密可以提高ui設計的可讀性,以及清晰地區分好介面中的各個層級。1.文字設定為左對齊 2.僅使用一種字型 3.字重 字型大小跨度要夠大 太接近的字型字重和字型大小難以讓使用者區分出不同層級的文字之間有何區別,因此為了介面形成很好的對比,不同...