回到過去!這個網站可讓YouTube等APP圖標「變回」舊版設計

2020-12-22 站長之家

回到過去!這個網站可讓YouTube等APP圖標「變回」舊版設計

這些年來,不僅iOS的設計發生了變化。許多APP的圖標也進行了多次修改。然而,對於部分人來說,仍舊更喜歡舊版APP圖標的設計,但是還回得去嗎?

國外開發團隊MSCHF開發了一個名為Icon Rewind的web APP,主要面向懷念舊版經典APP圖標的用戶,把現有最新APP圖標切換成自己最喜歡的舊版設計。

Icon Rewind提供的舊版APP圖標包括:Twitter、Instagram、Netflix、Spotify、Snapchat、Facebook、谷歌、Slack、Gmail和YouTube等等,具體如下:

MSCHF戰略主管表示,Daniel Greenberg表示,懷舊是一種強大的情感,而最具標誌性的懷舊元素之一就是舊的APP圖標。而他本人就非常懷念Instagram或Slack的舊圖標。

那這是怎麼實現的呢?

Greenberg解釋了這一工作原理,其開發團隊利用PWA(全稱為:ProgressiveWebApp,也就是漸進式的網頁應用程式)向用戶提供了一種方法,可以將舊版圖標從網絡上保存到iPhone主屏幕上,點擊屏幕上舊版圖標時,它就會打開相應的應用程式。

(站長之家註:PWA是一種理念,使用多種技術來增強web app的功能,可以讓網站的體驗變得更好,能夠模擬一些原生功能,比如通知推送。在移動端利用標準化框架,讓網頁應用呈現和原生應用相似的體驗。)

要「恢復」到舊圖標該如何操作呢?首先,要用iPhone上的Safari中打開Icon Rewind網站,選中一個想要恢復的舊版APP圖標,接著單擊共享頁面按鈕,然後選擇「添加到主屏幕」選項,舊圖標就會出現在手機屏幕上。另外,使用其Chrome等瀏覽器也可以進行類似的操作,比較遺憾的是,安卓版提供的圖標則少了很多。

值得注意的是,想要使用舊圖標的前提是,手機已經安裝了這些APP。

一旦用戶啟動舊版APP圖標,它就會根據相應的請求從瀏覽器重定向到真實的應用程式。

事實上,Icon Rewind使用的「技巧」是,讓用戶在點擊舊版APP圖標時創建對應用程式的新訪問。因此,實際上用戶的手機屏幕上仍舊有新版APP圖標,如果不想要同時展示同一APP有兩個圖標,只能通過重新排列方式「隱藏」。

雖然,Icon Rewind 並不會取代更新後APP最新圖標,但的確可以讓用戶體驗一把舊版。比如舊版Snapchat鬼臉設計、TikTok前身還是 Musical.ly,這些你都還記得嗎?

不過話說回來,這對於啟動一個APP無疑是一個多餘的步驟,可能為了「情懷」,不少用戶還是能忍受這一點的吧。

註:本文內容參考自mashable、elespanol、thenextweb。

每天一篇超實用創業案例,掃碼關注【站長視界】↓↓↓

相關焦點

  • YouTube改版:弱化圖標顯示,強化圖標輪廓
    一說視頻網站,國內想到的更多的是優酷愛奇藝騰訊芒果TV。而國外的更多是YouTube,流媒體Netflix等視頻瀏覽播放。YouTube不斷地改進自身來使自己成長起來,最後成為全球最大的視頻播放網站。youtube在最近的一次改版當中弱化了圖標的顯示,強化了圖標的輪廓功能。背後暗藏的深意到底是什麼?以兩個BLACKPINK視頻為例,你會發現以前是一個顯示圖標,現在是一個輪廓圖標編者認為有可能是要強化單獨功能的核心,也就是說明要讓用戶知道自己目前正在哪一個位置,哪一個功能區。
  • 《app學英語》一,youtube kids
    現如今,手機裝上一兩個app,您就可以隨時隨地的,和全世界的人交流,學習到正宗的英語。我是一個很沒語言天分的人,學了幾十年的英語,竟然連在飛機上管空姐要杯開水都說錯了。況且我還早過了學習語言的最佳年齡。但我通過使用合適的app,通過網際網路的方式學習英語,結果十天之內,就能聽懂英文日常對話。現在看美國搞笑肥皂美劇沒有壓力。
  • 移動App圖標設計的最佳實踐
    在幾周前的那篇文章《談談白色應用圖標》(不可否認那篇文確實有一些指責說教的意味)引發的喧囂過去之後,筆者認為在設計優異的應用圖標(icon)方面,找出更有建設性的實用方案是很有必要的。本文講述了應用圖標的魅力,還有它的優化方式。這篇文章適用於所有人,包括新手與專家。原文及視頻發表在 Net電子雜誌上,後被 appicontemplate.com網站轉載。下面是刪減更新後的版本,文末另外附有一篇演講。 在上面大約10分鐘的視頻中,筆者一一講述了應用圖標設計的5個主要方向,並附上了實際案例。
  • 新手如何設計App的圖標Logo?
    想要設計一款App圖標logo,卻不知道從何下手,也不清楚尺寸規範。針對新手,如何快速搞定app logo圖標設計?藉助在線設計LOGO神器,今天和大家分享移動App 的logo圖標設計,現學現用容易上手的4個小套路!1.品牌名稱的首字母/漢字
  • App的圖標Logo是如何設計的?
    >這個應該很好理解吧!所以,以首字母為出發點,融入產品想要傳達的理念進行加工,才是這個APP logo設計套路的精髓,而不是不過腦子的甩上去一個字母就ok了。這個app logo設計套路有沒有get到了呢? 如果沒有,我們繼續往下get。
  • 重新設計流行網站——YouTube
    作為設計師,重新設計一直是我的愛好之一,特別是對於一個我每天都使用的產品。因為我使用的每時每刻都在收集想法,直到我明白我希望這個產品是什麼樣。在重新設計流行網站的時候,我最享受是清除所有的混亂。在我看來,最流行的網站往往是最混亂的。看看Facebook,YouTube,LinkedIn……他們提供了過量的信息,以致於你不能專注於真正重要的事情。
  • 最全ui設計圖標解析,圖標概念大揭曉
    圖標的分類按功能分類圖標分為:1、啟動類圖標,2、系統圖標1、啟動類圖標這類圖標的典型代表有我們手機上的app應用,在手機界面上的展示狀態就是屬於啟動圖標!比如有微信,qq,酷狗音樂,等。(如下圖所示)2、系統圖標系統圖標也是現階段在我們手機屏幕上出現最多的圖標,在app界面中是不可或缺的一部分!那什麼是系統圖標呢?
  • 陳佼:國內仿youtube視頻網站首頁分析
    不知道國內門戶是否有類似的部門(據我所知,多數網站的這一工作,被用戶體驗部門和應用平臺技術部門包辦了),但我想這項工作對任何商業站點都有非常重要的意義。恰好最近網易和奇虎已經完成首頁及各頻道的改版,而新浪和搜狐也正在對頁面進行調整,不知道它們又是憑什麼做「Face-Lift」的。  言歸正傳,本文重點是分析國內仿youtube視頻網站首頁的設計。
  • 網站前端ICONFONT圖標助力網站設計之WordPress應用
    說到網站建設就不得不提到前端UI與後端程序談到UI就不得不提及美工與設計在當前這個網際網路開放的時代,提到前端美工設計不提及ICONFONT圖標的廣泛應用,那完全是設計界的盲人;什麼是ICONFONT?簡單說,就是我們平時用的字體,不再是我們傳統認知上的「文字」,而是一個個的圖標今天我們以Wordpress博客為例進行解釋,如何在自己製作的網站裡面快速有效的去應用ICONFONT圖標,以增強網站的可閱讀性及美觀欣賞性;主體默認自帶圖標的便捷添加有很多朋友使用與本站完全一樣的主題
  • itunes下載舊版本App
    http://url.cn/27aRs6G   12.3.2.35官方下載 (最新版不支持fiddler證書了..所以提供舊版的官網下載地址..)3、確認需要下載的版本id後,先在iTunes中重新進行一次搜索或點進app詳情頁(使「正在下載」按鈕恢復)點擊下載。回到Fiddler如圖操作即可
  • APP圖標設計三技法!
    文/付彧APP圖標屬於一種視覺符號。在設計APP圖標的主體圖形前,必須先要清楚了解用戶的心理感知過程,遵循思維規律。圖像符號是通過對於對象的寫實或模仿來表徵對象的,它的表意方式建立在相似性的基礎上,具有明顯的可感知的特性。因此,圖像圖標的辨識度極高,當用戶看到時,能夠迅速在第一時間將其與客觀實物相對應。
  • 4款免費圖標素材網站:設計PPT必備
    各式各樣的圖標是很多設計者,和製作PPT的必要元素。下面介紹4種關於圖標的素材網站。1、iconfrontIconfont是國內功能很強大且圖標內容很豐富的矢量圖標庫,提供矢量圖標下載、在線存儲、格式轉換等功能。阿里巴巴體驗團隊傾力打造,設計和前端開發的便捷工具。
  • APP啟動圖標設計方法!
    在設計領域視覺風格的變化是實時的,使用者們更能接受新的視覺潮流,也願意在自己的行動裝置中看到最流行的視覺元素。這就需要在設計圖標前,先了解最新的設計潮流,並將其視覺風格融入到應用圖標設計中。②分析競爭對手。對於圖標設計來說,更重要的是在其他應用市場中保證它們能在眾多相關功能類的圖標中脫穎而出,戰勝目標市場上的其他競爭者。
  • iOS 14 iPhone 個人化桌面主題設定,App圖標更換技巧
    圖標,會比較方便一點,或是過去 iOS 的擬真風格跟各種很可愛的主題,決定好你的主題之後,可以上網找背景跟圖片,或者是手機裡面也有很多內建的圖片可以用我們需要兩個 app ,來讓 Widget 跟 app 更個人化第一個是捷徑指令,這個 iPhone 裡面原本就有
  • 12個圖標logo資源網站整理,有哪些分享圖標資源的網站?
    提供400多萬各種類型的圖標,其中包含SVG、PNG、CSH和AI等格式,用戶可以的免費使用。03Thenounproject網站提供來自120多個國家的設計師們設計的超過300萬的圖標,包含PNG、SVG等格式。
  • 史上最全youtube教程來啦!從註冊帳號到開通頻道看這篇就夠了!
    一、開通youtube頻道1、打開youtube並註冊進入 這個網站,點擊頁面右上角的sign in進行註冊填寫您的谷歌帳號作為您youtube登陸的憑證>2、進入設置使用谷歌帳號登陸後回到首頁,點擊右上角的頭像選擇設置圖標,您將進入設置頁面3、創建頻道在設置頁面,您將看到create a channel的選項,點擊進入點擊進入接下來您可以選擇創建個人頻道或使用公司名稱或其他名稱創建頻道
  • 什麼是圖標設計,圖標在UI設計界面當中起到什麼作用
    圖標設計(Icon Design),是設計師在入門界面設計的必經之路,圖標是透過「符號」來簡化文字,主要是用來指示或暗示行為,在界面設計上我們會使用大量的圖標來節省空間,也可技術性的避免一些跨國語系的問題,常見的圖標例如,分享、贊、搜尋、地圖…等等,光聽到這些名詞,多數的人應該也能快速的聯想到圖標樣式了吧,網絡上對於圖標細節的討論很少,本篇就以界面設計常用的圖標來做更深入的討論
  • (親測好用)20+免費圖庫圖標素材工具類網站合集
    ,這個網站的素材非常多,還可以選擇配色。4.iconstore-成套的免費圖標網站有很多成套的圖標可供下載6.easyicon-可愛的圖標網站這個網站的吉祥物是這個熊貓,網站裡面的圖標都是成套出現的你如果不知道點哪裡,可以看看網站左下角的分類。
  • 專為電商網站提供的20種免費設計工具
    然後保存這個五種顏色的調色板或者接著探索和編輯其他流行的主題色調。用手機app可以從現實生活中的照片中創建顏色主題。 網站上幾乎涵蓋了所有一個網站所需的圖形字體。同時,Fontello上有大量開源的藝術作品可供下載。 Typecast Typecast是一個用簡便的可視化控制項來設計工作原型的工具,然後輸出可生產HTML和CSS或者通過URL分享。創建普通的HTML元素如標題、段落文本、塊引用和列表;關注細節點:精確地控制你的排版。
  • 中大大學城校區牌坊變回「舊版」
    (原標題:中大大學城校區牌坊變回「舊版」) 信息時報訊