<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 首頁

    網易新聞安卓客戶端MATERIAL DESIGN實戰

    用心設計

    光說不練假把式,聊了這么多的Material design技巧,是時候來看看國內APP怎么跟上這股潮流了。今天網易的同學分享了新聞客戶端的Material design改版過程,來感受下 >>>

    wy20150419 (2)

    全面的移動端尺寸基礎知識科普指南

    用心設計

    初涉移動端設計和開發的同學們,基本都會在尺寸問題上糾結好一陣子才能摸到頭緒。我也花了很長時間才弄明白,感覺有必要寫一篇足夠通俗易懂的教程來幫助大家。從原理說起,理清關于尺寸的所有細節。由于是寫給初學者的,所以不要嫌我啰嗦。

    現象

    首先說現象,大家都知道移動端設備屏幕尺寸非常多,碎片化嚴重。尤其是Android,你會聽到很多種分辨率:480×800, 480×854, 540×960, 720×1280, 1080×1920,而且還有傳說中的2K屏。近年來iPhone的碎片化也加劇了:640×960, 640×1136, 750×1334, 1242×2208。

    不要被這些尺寸嚇倒。實際上大部分的app和移動端網頁,在各種尺寸的屏幕上都能正常顯示。說明尺寸的問題一定有解決方法,而且有規律可循。

    移動產品的典型設計思路總結

    用心設計

    1、終端設備

    傳統互聯網:主要的接入終端是計算機。計算機是高度標準化的設備,無論是Mac陣營,還是PC陣營(其他的架構不討論了)。具體體現在:

    • 絕大部分個人計算機使用的硬件是標準化的,并且功能強大多樣
    • 絕大部分屏幕的分辨率在1024px及以上,尺寸較大
    • 軟件終端比較統一,都是瀏覽器(暫時不考慮客戶端產品),并且由于Web標準的存在,不同的瀏覽器(或者說不同的內核)對于前端的解析相差不大
    • 技術標準相對統一,比如用HTML寫結構;用CSS寫表現;用JS寫前端行為;用PHP、JSP等寫后端;用MYSQL等管理數據庫等。做出來的東西基本上認為是跨平臺的

    圖標,文字,還是圖標加文字?

    用心設計

    圖標是界面的基本組成部分之一,然而在很多時候,圖標本身也在破壞著界面的清晰性。

    象形圖出現在人類早期,我們可以將其視為最初的文字形式。如今,在某些文明群體中,象形圖依然是人們進行溝通的主要媒介。

    01-icon-design-text-ui-ux-design.jpg

    iOS 平板與 Android 平板的交互與動畫

    用心設計

    iOS 8 的設計原則在我的理解是:

    1. 充分利用整個屏幕(所謂「沉浸式」)、弱化擬物設計、使用毛玻璃底板等方式去突出主體內容,以內容為主
    2. 通過留白、不同狀態的顏色、排版及無邊框的按鈕保證內容顯示的清晰度
    3. 利用毛玻璃、重疊效果及空間的大小關系(如日歷中「年」與「月」)表達空間中的層級關系。

    而要講 Android 5.0 設計原則就必須說到谷歌推出的全新設計語言 Material Design 。Material Design 的設計原則在我的理解里是這樣的:

    1. 通過紙面質感的設計效果(包括排版、網格、空間、比例、配色、圖像使用)讓用戶感到自然(明白隱喻)
    2. 突出核心功能,引導用戶操作
    3. 對用戶的行為進行統一的、恰當的反饋

    成為多面體設計師!聊聊橫向設計的思考

    周周

    成為多面體設計師!聊聊橫向設計的思考

    編者按:優秀設計師與卓越設計師的差別在哪?卓越的設計師關注的不止是視覺,還要從橫向上分析不同產品的屬性,考慮不同角色(PM/BOSS/運營)的設計好壞標準,產品的生命周期等等,今天分享一篇百度同學的好文,淺聊這方面的知識,權當拋磚引玉,希望能拓寬設計師們的思路。

    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://www.skdbbs.com

    存檔

    主站蜘蛛池模板: 日韩精品人妻系列无码专区免费| 久久99国产精品尤物| 亚洲第一永久AV网站久久精品男人的天堂AV| 日本精品不卡视频| 亚洲中文久久精品无码| 亚洲精品视频在线| 精品久久久久久久无码| 午夜肉伦伦影院久久精品免费看国产一区二区三区 | 久久久久久无码国产精品中文字幕 | 国产成人精品视频播放 | 国产精品久久久久影视不卡| 无码国模国产在线无码精品国产自在久国产 | 欧美精品免费线视频观看视频| 91精品在线国产| 国产久热精品无码激情| 一本久久精品一区二区| 精品福利一区二区三区| 在线观看91精品国产入口| 91精品国产高清91久久久久久| 国产精品亚洲综合专区片高清久久久| 亚洲国产成人久久精品99| 国模和精品嫩模私拍视频| 中文字幕亚洲精品| 欧美精品天天操| 亚洲国产精品久久久久婷婷软件 | 免费观看四虎精品成人| 国产精品毛片一区二区| 日本精品卡一卡2卡3卡四卡| 91精品国产福利在线导航| 久久精品中文字幕无码绿巨人| 国产精品青草视频免费播放| 国产成人精品一区二三区在线观看| 亚洲欧美日韩精品久久亚洲区 | 国产精品久久精品| 国语精品一区二区三区| 无码日韩精品一区二区免费暖暖| 日本精品不卡视频| 青青草精品视频| 91国内揄拍国内精品对白不卡| 亚洲AV日韩精品久久久久久| 亚洲线精品一区二区三区|