發表文章

目前顯示的是有「設計公司」標籤的文章

卡片式UI界面設計欣賞,有沒有驚豔了你?

圖片
在設計中, 卡片 上設計是屢見不鮮的,比如:用在UI產品的包裝排版、APP/web的列表排版、banner輪播的設計、導航的切換等。在這些上做出很多別出心裁的卡片視覺設計及炫酷的動畫效果,都能帶給用戶很好的體驗。 明快的視覺,將簡單的界面劃分,以方便對閱讀進行了很快區分。 在產品的包裝,大多數運用卡片式的設計,以便劃分產品的內在的不同,提高了內容識別,通過色彩的合理搭配,將產品提升到不一樣的視覺盛宴。 文章轉載:http://www.designnow.com.hk/

卡片設計-或許是區塊鏈的下一個方向

一個選擇題:A.産品難用,但是有各種功能                   B.産品好用,但是功能很少 你會選擇哪一個?是優先考慮功能性還是易用性,這在區塊鏈領域上展露無遺。 剛接觸區塊鏈的時候,印象最深的就是那一串密碼,也就是儲存密碼貨幣錢包的私鑰地址,就是一串亂碼,看起來就很複雜,大小寫英文混雜組合。這比我們平時記下來的電話號碼、郵箱密碼或者辦公室地址都要難記得多,根本就不像正常人能記住的密碼。 既然人腦記不住,可能就會選擇拍照或是複制,把這串號碼保存在手機裏。那這樣又是危險的。把私鑰保存在可以連上網的手機,那麽黑客就可以順著網絡黑進手機,拿走你的私鑰。 這不是很矛盾麽? 私鑰的格式設計的這麽難記,用手機也不是很安全,那麽要怎麽辦?用筆寫!這或許是大家最常選擇的辦法。那麽又會有人感慨,區塊鏈看似這麽先進的技術,不還是要用這麽原始的方法! 用工程方法,來解決設計問題  用工程方法,來解決設計問題 最近,數位資産交易平台 Coinbase 的部落格刊出一篇文章,標題是《設計,是區塊鏈的殺手級應用》(Why design is the killer app for cryto).文章中以1930年代的英國路標爲例,當時的汽車油門踩到底,最快速度是時速50公裏,于是,當時馬路上的路標設計,是以文字爲主的廣告牌。 到了1950年代,汽車的性能越來越好,有的車已經開到時速120公裏。也已經出現高速公路,但是高速公路上的路標設計是原本的老樣子。因此就很容易發生車禍。 怎麽辦? 你可能已經想到,既然是因爲汽車的速度太快導致車禍,那就限制車速,確保大家都能看清路標再走。說不定白天、晚上的環境還不一樣,因爲燈光昏暗,辨認難度更高。但是如果只有限制速度,那大概我們金援開車走高速公路,都得再多花一倍的時間才能到達目的地。 這就是只用工程的辦法,來解決問題。確實可行,但卻限制了高速公路所能帶來的價值。 後來就有人換個角度思考,不是要求駕駛開慢一點,而是想辦法改變路標的設計。他們簡化路標上的資訊,並更改路標的擺放位置,例如叉路口的幾公裏之前就有提示,而不是到了路口才忽然要右轉。這就讓駕駛可以在高速行駛的情況下,仍然可以看清楚路標指引...

平面設計類:使用範圍及簡介

 海報 商品展覽、書展、音樂會、戲劇、運動會、時裝表演、電影、旅遊、慈善、或其他專題性嘅事物,都可以透過海報做廣告宣傳。 (1)百貨商場、大賣場、連鎖超市、品牌專賣店 (2)餐飲業、食品業 (3)賓館、酒店業 (4)休閑、酒吧、影院等娛樂場所 (5)飞数、美發業 (6)通訊、家電商場、家俬城、藥店、面包店、服裝店、體育用品商店 (7)建材、裝飾、家俬市場 (8)機關、企事業單位等 易拉架 易拉架嘅構造系一個座地嘅卷軸,由地面向上系一支伸縮柱,柱頂有一個扣,使用時由卷軸拉出一幅直立式嘅海報,吸引路人嘅注意。 易拉架適用于會議、展覽、銷售宣傳等場合,系使用頻率最高,也最常見嘅便攜展具之一。 易拉架或稱海報架、展示架, 廣告行業內也叫 易拉架 、易拉得、易拉卷等,系樹立式宣傳海報。常見于人流多嘅街頭通道,協助個體戶式嘅路演推銷活動,或系臨時攤位。易拉寶主要質料系塑膠或鋁合金。易拉寶嘅替代品系街頭橫額、道旗、海報宣傳、貼紙等。 名片 公用名片     爲政府或社會團體喺對外交往中所使用,名片嘅使用唔系以營利爲目嘅。主要特點爲:常使用標志、部分印有對外服務範圍,沒有統一嘅印刷格式,印刷力求簡單適用,注重個人頭銜和職稱,沒有私人家庭声气,主要用于對外交往與服務。 個人名片 朋友間交流感情,結識新朋友所使用。主要特點爲:唔使用標志、名片設計個性化、可自由發揮,常印有個人照片、愛好、頭銜和職業,紙張據個人喜好,因含有私人家庭声气,主要用于朋友交往。一張小小嘅名片就能讓你喺唔同嘅位置,表達唔同嘅意義,讓你嘅生活更充實。 商名片 爲公司或企業進行業務活動中使用,大多以營利爲目嘅。主要特點爲:常使用標志、注冊商標、印有企業業務範圍,大公司有統一嘅印刷格式,使用較高檔紙張,名片沒有私人家庭声气,主要用于商業活動。 畫冊 商品樣本包括産品目錄有對折、兩折、三折、或加封套集成一冊、企業刊物、畫冊等,其設計內容有産品展現,有前言、致辭、各種商品、成果介紹、未來展望和介紹服務等,通常情況下均喺商品之前介紹給代銷商和消費者。 三折頁 宣傳折頁系一種以傳媒爲基礎嘅紙制嘅宣傳流動廣告。主要系指四色印刷機彩色印刷嘅單張彩頁,一般系爲了擴大影響力而做嘅一種紙面宣傳廣告俗稱小廣告。 ...

Anki卡片制作:入門(1)

圖片
看了Ray的《原則》之後,有感而發,在一些方面也制定了自己的原則。 為了經常回顧,記憶並深化成潛意識,祭出了Anki這款神器——不過我還不會使用。 怎麼辦?沒事,軟體吧,玩壞了又不會出甚麼問題,大膽去用。 Anki是做甚麼用的 我們在了解一款軟體的時候,可以直接百度穀歌下這個軟體的用途。比如通過這個網址: http://www.Ankichina.net/ 我知道Anki是: 是一款開源軟體; 基於卡片,進行記憶輔助; 可以保存文字、圖片、視頻、音頻,包括科學符號; 卡片內容到複習時間都可以自定義; 可以通過外掛進行擴展; 當然,網站上行還有各種手冊可以看,不過一般都不看的。 第一張卡片 既然是基於 卡片 的記憶輔助軟體,那我們就來建立第一張卡片。 一打開Anki,就進入了主界面,可以對主要的記憶庫進行管理。我們先建立記憶庫,我們這裡建立名為 test2 的數據庫。 然後點擊 test2 數據庫,可以查看具體的狀態——因為0張卡片,所以默認是複習完了。 點擊添加,添加第一張卡片,正面為 hello ,反面為 你好 。 點擊上方的 卡片 按鈕可以看到預覽效果。 沒甚麼問題的話點擊 添加 按鈕保存即可,如果不需要再添加新卡片,可以點擊 關閉 按鈕,會自動返回到記憶庫界面。 點擊 現在學習 就進入了學習界面。 點擊 顯示答案 就會在下方顯示已經編輯好的答案,當然,有很多方式可以驗證答案。 我們還可以在Anki主界面中點擊 瀏覽 按鈕,查看整個記憶庫的內容。 個人比較喜歡在這個界面中進行卡片的添加和處理。 好了,第一張卡片的添加就到這裡了。 第二張卡片 純文本的不太好看,而且沒有排版,支持Markdown不?——Anki支持HTML代碼的,我們排版之後直接從Markdown工具拷貝粘貼就好。 我們添加一張卡片,內容是 甚麼是anki 在卡片的編輯界面中,然後點擊右側 ▼ 菜單,選擇 編輯HTML 菜單項。 隨後從Markdown工具中拷貝一段HTML文本,如下: 隨後可以繼續點擊 卡片 按鈕進行預覽。 沒甚麼問題點擊 添加 按鈕,就可以保存了。 至此,第二張卡片也添加完了。 跨平臺訪問 Anki有各種客戶端,遺憾的是iOS上是付費的——不會認為iOS用戶都是高端用戶吧。看了下...

APP卡片設計中按壓反饋

圖片
在進行網頁設計的時候,我們都知道滑鼠懸浮或點擊是不可缺少的交互狀態,但是在APP設計的過程中,這種按壓的狀態常常會被設計師忽略,今天我們就來總結一下APP中需要焦點狀態的場景,以及各自的設計要點,方便我們需要的時候可以快速輸出符合要求的設計稿。 目錄: 1. 按壓反饋是甚麼 2. APP中常見的按壓狀態應用場景       按壓反饋概念 簡單來說就是用戶按壓可操作區域時,可操作區域樣式的改變,讓用戶感知到自己對當前操作的有效控制。 比較典型的按壓反饋是IOS的鍵盤,在九宮格的狀態下,當你按壓對應的操作區域時,如果是白色的背景色,顏色會變暗;如果是深色的背景色,顏色會變白;通過這種明顯的顏色反差,讓用戶明確感知到自己所觸發的操作區域,能夠直觀的感受到與界面的溝通和交互。(因為無法截到鍵盤按壓狀態的示例,所以大家自己操作,感受一下~) IOS原生軟體及國外的一些APP上的按壓狀態做的都挺好的,但是縱觀國內,多數產品其實都沒有做按壓反饋效果,像淘寶、支付寶、天貓等大廠的產品也只是在一些比較重要的操作上才會有按壓效果,整體來說對這個狀態的關註度不是很高;但是像一些平臺/工具類產品(比如ofo、滴滴、Things),因為會更多的關註用戶的操作體驗,會在這些細節交互狀態上下功夫~~       常見的按壓狀態 經過整理發現APP中設計按壓狀態場景主要有:按鈕、分段控件、圖標、文字、列表、卡片,下面我們分別來看一下他們的設計方式。 (以下所有的數值都是對比線上產品得出來的,不是唯一數值,僅可做參考) 1. 按鈕 根據按鈕樣式的不同,有多種呈現形式,分別為: 顏色飽和度較高、明度較低的按鈕,降低不透明度,通常為原始按鈕的50%; 顏色明度較高的按鈕,在背景上覆蓋20%不透明度的黑色遮罩; 淺色塊按鈕(上面可能會包含一個圖標/logo),在按鈕整體上覆蓋50%不透明度的黑色遮罩;  灰色線性按鈕,增加淺灰色填充,色值通常為 E******; 有顏色的線性按鈕,變為對應顏色的填充,文字顏色變為白色; 2. 分段控件 在線框內增加填充,調整不透明度為15%; 3. 圖標 顏色明度較高圖標,覆蓋50%...

便攜的廣告架(易拉架)

圖片
易拉架或稱海報架、展示架,廣告行業內也叫 易拉架 、易拉得、易拉卷等,是樹立式宣傳海報。 易拉架主要質料是塑膠或鋁合金。 易拉架跟門型展架的區別主要是收納方便易於攜帶。 適合場合 組裝方便 攜帶方便 簡單收納即可隨時帶走 易拉架是室內使用的宣傳品,不宜用於戶外,如確實因為臨時宣傳需要,最好選質量好一些的易拉架底座,而且最好在打開易拉寶後在易拉架底座背後壓些重物;確保不會損壞產品。 更多信息請瀏覽: http://www.designnow.com.hk