03 instagram download app android(32個實用酷炫的Android開源UI框架)

n，不同的平臺上對 i買粉絲n 都有特別的樣式要求。iOS 平臺更偏好線形 i買粉絲n，Android 上的 i買粉絲n 的描邊則更加地粗壯，或者干脆就用填充的 i買粉絲n。這里是兩個平臺上的 i買粉絲n 對比，你也可以點擊這里的鏈接查看iOS和Android下的 i買粉絲n 設計規范。

13. 面包菜單、載入圖片

不幸的數字 13（注：最后的晚餐的在場人數）。通常來說，警告框和表示載入的圖標留給開發者做決定。你或許已經經歷過彈出框和警告框的設計和 App 的其他部分樣式完全脫節的情況。那是因為通常 iOS 和 Android 平臺都有對這些情況的默認的處理方案，但是你也可以利用你的方案進行替代。在這里，讓你的設計能被真實還原的最好的方式就是和開發人員多進行溝通。

14. 通用 UI 控制

復選框，單選框和輸入框，以及開關都是應該有著原生感覺的控件。像警告框和對話框一樣，這些控件保持默認樣式的話能夠給用戶帶來熟悉感和信任感。盡可能多地使用原生控件，用戶自然知道如何使用他們，并且在涉及到敏感信息和支付事宜的時候能夠更信任你的 App。

在下面的例子中，我們可以看到兩個平臺上的差異其實是很小的，小到你在設計的時候可以忽略這些差異，用其中一種形式設計，但是不要忽略細節上的差異所帶來的原生的感覺。使用你的 UI 庫，并且在開發的早期和開發人員做好說明。

總結

在同一個設計稿中同時呈現出原生 iOS 和 Android 的感覺也并非一件不可能的任務。嘗試在設計之初就注意到這些差別，并且注意對控件的使用，并且在設計過程中和開發人員保持緊密的聯系。

資源

我希望這篇文章能夠為你解答“在哪些方面將兩個平臺區別開”這個問題，但是你顯然需要一些合適的工具或者模板來進行你的設計。這里有一些你可以用來開始你的設計的資源，我為你挑選出了一些最好的：

設計規范 iOS Human interface guidelinesAndroid material design guidelinesUI 庫

這些 UI 庫能夠幫助你剩下很多的防治和調整原生控件的時間。你可以從庫中抽取出你要的部分并將它們用于你的 iOS 或 Android 設計稿中。

An excellent PSD template for iOS from Teehan + LaxAndroid Material Design PSD Templatei買粉絲n Line i買粉絲ns which are great for iOS designFlat i買粉絲ns that work well with material design模型

Mockup 在你想別人展示你的設計稿的時候是一項非常好用的工具。這些模型有好幾種類別。當你要展示 Android 設計稿的時候，你要小心選擇這些模型。我傾向于使用 Nexus，因為它是 Google 自己設計的手機，對于其他的廠商來說沒有傾向性。

Official iPhone device downloadsFlat apple devices with multiple perspectivesNexus 6 flat mockupLifestyle mockups from placeit

tutsplus

作者：Chris O’Sullivan

譯文地址：設計派

譯者：設計派_小溫

web前端主流框架主要有哪些

1、Bootstrap

Twitter出品的Bootstrap在業界是非常受歡迎的，以至于有很多前端框架都在其基礎上開發，如我們熟悉的WeX5就是在Bootstrap源碼基礎上優化而來的。我相信大多數接觸過前端開發的同學多少都了解過這個優秀的前端框架。Bootstrap是基于HTML、CSS和Javascript的，它簡潔靈活，可以使得Web開發更加敏捷。

它提供優雅的HTML和CSS規范，在jQuery的基礎上進行更加個性化和人性化的完善。兼容大部分jQuery插件，并包含了豐富的Web組件，如下拉菜單、按鈕式下拉菜單、導航條、按鈕組、分頁、縮略圖、進度條和媒體對象等。自帶了13個jQuery插件，其中有模式對話框、標簽頁、滾動條和彈出框等。

2、Foundation框架

Foundation框架總體來看要比Bootstrap略顯高大上一點，但他們倆的設計理念都是非常清楚的，Bootstrap有引導的意思，它嘗試處理你項目中的一切所需。Foundation有基礎、地基及支柱的意思，給你項目中強有力的創造與支持。相對于Bootstrap豐富的組件及插件，Foundation僅提供了有限的幾種元素，其目標是，即使你使用預定義的UI元素，也不應該與大家的網站長得太像。

而Bootstrap則致力于提供所有定義好的元素，這樣使得看起來許多網站都差不多。Foundation默認不帶圖標集，它推薦使用開源字體圖標。與Bootstrap一樣，Foundation使用網格流式布局將網頁劃分為12列，針對不同的設備顯示不同的列數，實現響應式布局。但Foundation不支持舊版本瀏覽器。其他特性如有興趣可進一步了解。

3、Curl

Curl 是一個命令行工具，用于通過 HTTP(s)、FTP 和數十種其它協議進行請求。使用Curl可以進行文件下載、檢查響應標題和自由訪問遠程數據。

在 Web 開發中，Curl 經常和 RESTful API 一起使用，用于測試連接。

# Fetch the headers of a URL.curl -I 買粉絲://google.買粉絲HTTP/1.1 302 FoundCache-Control: privateContent-Type: text/買粉絲; charset=UTF-8Referrer-Policy: no-referrerLocation: 買粉絲://買粉絲.google.買粉絲/?gfe_rd=cr&ei=0fCKWe6HCZTd8AfCoIWYBQContent-Length: 258Date: Wed, 09 Aug 2017 11:24:01 GMT# Make a GET request to a remote API.curl 買粉絲://numbersapi.買粉絲/random/trivia29 is the number of days it takes Saturn to orbit the Sun.

4、Tree

Tree 是一個小型的命令行實用程序，它將目錄中的文件以可視化的方式進行顯示。它采用遞歸運行的方式，遍歷每個級別的嵌套并繪制所有內容的格式樹。這樣就能快速的瀏覽并查找需要的文件。

tree.├── css│ ├── bootstrap.css│ ├── bootstrap.min.css├── fonts│ ├── glyphi買粉絲ns-halflings-regular.eot│ ├── glyphi買粉絲ns-halflings-regular.svg│ ├── glyphi買粉絲ns-halflings-regular.ttf│ ├── glyphi買粉絲ns-halflings-regular.woff│ └── glyphi買粉絲ns-halflings-regular.woff2└── js ├── bootstrap.js └── bootstrap.min.js

還可以使用簡單的 regEx 模式來過濾結果：

tree -P '*.min.*'.├── css│ ├── bootstrap.min.css├── fonts└── js └── bootstrap.min.js

5、Tmux

根據維基的解釋，Tmux 是一個終端復用器。通俗的說，它是一個能將多個終端連接到單個終端會話的工具。

Tmux允許用戶在終端中的程序之間切換，添加屏幕窗格，并將多個終端連接到同一個會話，使其保持同步。在遠程服務器上工作時，Tmux 特別有用，因為它允許用戶創建新的選項卡，而無需再次登錄。

6、

命令用于生成關于文件和目錄的空間使用情況的報告。很容易使用，可以遞歸地運行，遍歷每個子目錄并返回每個文件的大小。

的常見用例是：當某個驅動器的空間不足，用戶不清楚每個存儲器的大小。使用此命令可以快速查看每個文件夾所占用的存儲空間，從而找到占用最大空間的存儲器。

7、AUI

AUI是最近流行起來的，作者聲稱是專為APIClound設計的一套框架，解決了許多移動端開發實際中遇到的許多問題，是一個純CSS框架。使用容器+布局+模塊的構建方式，JS輔助，更自由更靈活更易于擴展使用。遵循Google Material設計規范，完美適配各個機型。面向HTML5，使用CSS3實現動畫交互，輕量級高性能。AUI是使用MIT License授權，你可以復制、出售。目前最新版本2.0。

8、Amaze UI

這是稱為妹子UI的開源框架，據稱是中國首個開源HTML5跨屏前端框架。妹子UI以移動優先為理念，從小屏逐漸到大屏，實現響應式網頁。Amaze UI包含20+個CSS組件、20+個JS組件，更有多個包含不同主題的Web組件。相比國外框架，妹子UI關注中文排版提供本地化支持。面向HTML5開發，使用CSS3來實現動畫交互，輕量級高性能。

9、Frozen UI

Frozen UI是一款開源，簡單易用，輕量敏捷的移動端框架。基于手Q樣式規范，目前全面應用于企鵝手Q增值業務中。基礎樣式效果簡單色調清爽，社區活躍，組件自然不少。包括按鈕、列表、表單、通知、提示條、彈出框、選項卡等等常用組件。還包括一個FrozenJs的JS組件庫。可以在主流的Android和IOS上應用。基本樣式使用離線包的方式減少請求提供快速接入方案。當然，根據網友反映，也存在大大小小的bug。不過總體來說，還是值得一用的。奇怪的是，Github上顯示的最后更新時間是一年前，難道已經沒人維護了嗎？

# Running this will show the space usage of each folder in the current directory.# The -h option makes the report easier to read.# -s prevents recursiveness and shows the total size of a folder.# The star wildcard (*) will run on each file/folder in current directory. -sh *1.2G Desktop4.0K Documents40G Downloads4.0K Music4.9M Pictures844K Public4.0K Templates6.9M Videos

還有一個相似的命令 df（Disk Free），使用df會返回有關可用磁盤空間的各種信息。