2011-12-05 61 views
1

很好,有很多文章在那裏的蘋果圖標,但沒有人真的給你如何與邊框讓你的圖標一個明確的答案。網頁蘋果圖標

這裏是我在我的HTML定義方式:

<link href="http://www.sample.com/apple-touch-icon-precomposed.png" rel="image_src"> 

這裏是我現在(樣品):

  • 129px X 129px
  • 邊界半徑:26px
  • 純色背景

什麼是在所有蘋果設備上以適當的方式獲取帶有邊框或內部光暈的圖標。由於我不擁有蘋果設備,因此對我來說這很難測試。

我應該有一個堅實的背景是什麼? 什麼是邊界半徑? 任何特殊的方法來關閉蘋果自動輪? 等

回答

2

我發現這個Icon Reference有一個有用的邊框圖標時有幫助。它會告訴你各種邊界半徑。 Apple也有a document配置每個圖標大小。

Apple's icon design guidelines,你應該有沒有透明度堅實的背景。 iOS應用的邊框半徑不可改變,這是美學的一部分。

你提到你沒有iOS設備上測試,但如果你有一個蘋果,你仍然可以使用iPhone模擬器,看看你的圖標將是什麼樣子。

+0

感謝,圖標參考確實幫助。我做了我的圖標,我做了這樣的原因是因爲我試圖複製DeviantArt的有什麼,我認爲他們有這樣做的正確方法:http://st.deviantart.net/minish/widgets/apple-touch-icon -precomposed.png - 我也沒有mac。如果任何人都可以測試我在設備上的OP上提供的樣本圖標併發布結果圖片,那太棒了! – MLM

2
+0

我已經看了很多次。對於我所要求的並沒有什麼幫助。需要更具體 – MLM

+0

你在說什麼?閱讀它:它會告訴你,它會圍繞角落,併爲你添加白色突出顯示,除非你指定一個特定的圖像名稱。 –

+0

便將不管是什麼,我已經把它作爲蘋果觸摸圖標precomposed.png其擺脫光澤。 – MLM