2017年1月25日

ADOBE APP 介紹

ADOBE CC有出很多的APP，下面推薦幾個

Adobe Capture APP

介紹影片:
https://images-tv.adobe.com/avp/vr/17da0fa7-490c-4daa-a14e-9507b290149a/50d6590f-2a96-4ef2-ae11-df5b465b6d3c/3ec59e18-51a4-4d26-8f74-7bfe3de97263_20151001111709.960x540at1200_h264.mp4

這個APP蠻符合一個，作者外出取材的特性，你可以使用她在街上，在戶外，或是手繪素材，直接在手機上編修，做成4方連續圖，筆刷，向量檔案，提供很多濾鏡及時調整，然後她會串接你的adobe cc 帳號，回到家中使用電腦時，這些素材就會出現在你的資料庫，相當的方便!



Adobe Sketch APP

介紹網址:
https://helpx.adobe.com/mobile-apps/how-to/digital-painting-drawing-photoshop-sketch.html

這就是photoshop繪畫版，可以在行動裝置上繪畫，你可以把照片當作底圖來輔助描繪，有一些簡單的筆刷和輔助功能可以使用，也可以即時傳檔案到你的photoshop CC，似乎還可以遙控應用程式啟動(?)





Adobe Mix APP

介紹影片:
https://images-tv.adobe.com/avp/vr/17da0fa7-490c-4daa-a14e-9507b290149a/345b13af-2f1a-4989-92c4-24f06ab800a0/f4da20a3-d110-4266-8905-baa082238db6_20150925101757.960x540at1200_h264.mp4

如果你需要在APP上面做合成圖片，可以考慮這個APP，photoshop上的去背功能大家都知道很強大，Mix汲取了這部分的功能，透過AI幫你演算哪些是要去背的部分，用以彌補在APP上操作比較不靈活的缺點，傳送檔案到photoshop的時候，這些圖層也會被保留下來。







Adobe Fix

影片介紹:
https://images-tv.adobe.com/avp/vr/17da0fa7-490c-4daa-a14e-9507b290149a/49986538-7522-4a4c-bd1e-7776e500481e/5774a72c-3da3-4533-8ec2-fa04d5693a1c_20150923110340.960x540at1200_h264.mp4

女孩們的福音(?)   Fix顧名思義就是修片，你可以在手機上做簡易的修片功能，比方說除疤，美白，液化塗抹，換顏色等等，一樣的有智慧型輔助，減少在APP上手殘的機率。
算是十分實用又有趣的功能。






Adobe Comp

功能介紹:
https://helpx.adobe.com/mobile-apps/how-to/layout-ideas-go.html

Comp相對來說比較沒那麼實用，他可以在手機上規劃web版型，比較有趣的部分是你用手指劃一些簡單的"符號語言"，他會幫你把它換成假圖片和假文字:



我猜想這可能用在企劃互相討論，或是和設計討論的時候，使用PAD進行，應該是不錯的方式啦，然後輸出的檔案可以傳送到adobe muse上，進行網頁規劃，這個APP怎麼使用就因人而異了。






2016年12月22日

ADOBE Creative Cloud 2017

ADOBE ID Creative Cloud 相關雲端功能:

1.adobe sensei(阿躲避先生?)

   http://www.adobe.com/tw/sensei.html
   目前主要研發的功能，利用人工智慧和機器學習去輔助使用者進行創作，比方說自動辨識
   照片人臉，自動辨識字體....等等，會用在各個軟體功能之上。



2.ADOBE安裝程式提供安裝舊版的選項!(按齒輪)






3.adobe雲端空間

可在資產>檔案內，使用adobe的雲端硬碟
 

    這個空間提供類似google雲端硬碟類似的功能:自動版本控制、共用分享、評論功能，客戶 無須安裝adobe也可以在這個連結之中看到正確顯示的psd或是ai等等的檔案!

其中的亮點是版本控制，google雲端現在也有這個功能，你可以選擇之前上傳的版本，假如發生了客戶說我想要之前那個設計的悲劇發生的話。



4.雲端瀏覽功能

在雲端瀏覽psd的時候，可以透過extract的項目看到psd的單一圖層的尺寸，文字，顏色等等的資訊，視覺設計師出圖給前端工程師切版的時候這個功能非常方便。
使用的時候需找到一個"允許使用"extract"的功能勾選




5.資料夾同步與協作

指定資料夾自動同步，就是自動把你指定的資料夾完整的備份上雲端，請注意企業版使用者一個人只有30gb，不要超過了，可以當異地備援。
然後注意加密病毒，這個也有可能會被上傳.....
另外可以針對檔案做共同作業的設定，讓知道的使用者對檔案進行編輯。


6.adobe 資料庫功能

cc提供一個資料庫，可以讓你在各個應用程式把樣式，圖形，字體都存進去


如果手機也有安裝相關app，就可以互通素材，也可以透過分享連結的方式把素材給另一個人。



7.官方素材資源

在Creative Cloud 應用程式中，有一個資產標籤，具有一個Market標籤，可以取得很多
素材。



放置方式可以把類別做過濾，然後就可以取得很多免費素材。


8.behance

https://www.behance.net/
這是adobe提供的大平台，你可以上去找尋靈感，或是投稿，優秀的稿件如果被adobe看上他會跟你談合約，你就可以獲得免費的adobe cc!
同時這網站也是一個良好的作品集提供站。

9.typekit

adobe 收購，專職字體管理的公司提供很多的免費字體（英文為主），當你把字體存進資料庫的時候就是透過typekit服務，據說連一些線上字體他都可以存的下來用免費的（？），他也是"符合字體"這個技術的提供者，具體的使用方法如下：





他就會搜尋他們線上服務的字體幫你列出可能使用的字型....不過中文的支援度還不完整。


下次介紹app囉！









2016年11月29日

CSSConf Asia Singapore 2016



https://2016.cssconf.asia/

--------------------------------------------------------------------------------------------------------------------------

Laying Out The Future With Grid And Flexbox

@rachelandrew


重點：

首先要學新的layout建構方法：



display: grid將會是下一個熱門的排版方法，但這些新的方法都需要去了解，用來解決各種排版問題。

講者詳述了很多新型的排版解法，可以好好去研究一下

http://codepen.io/collection/DVKrKJ/

錄影
https://www.youtube.com/watch?v=hj355PRbwSQ

Syntax Highlight Everything

@Kenneth Ormandy 

簡報尚未出來，再講關於CSS FONT 的設定，讓一些手寫或是連體能在網頁上漂亮的顯示出

 來，提到TTF和OTF檔的應用，講者應該是一個字體大師。

 有一些新的CSS屬性控制字體

例如 font-variant-ligatures: common-ligatures   ，   font-feature-settings: "calt";

但是我嘗試了一下這些屬性，需要那套OTF字型有支援...

 總之如果順利的話

 1. 選擇字體

 2.LOAD WEB FONT

 3.啟用OTF字體設計的特色(就是使用上面那些新屬性

 想要進一步了解可以去看一下錄影，因為本場次尚未公布，所以只好看講者在其他場相同主

 題的影片..............
https://www.youtube.com/watch?v=s_ooNo2EmMI


Access All Areas


＠Chris Lienert
有點難懂，

 總之在講： <button aria-label="關閉">&times;</button>   

裡頭的  aria-label  aria-hidden

這個東西比較常用來作盲人版的web 

另外也有講一些  data-list  的設定  可以用來製作關鍵字篩選的簡單設定

多多利用這些屬性做能減少使用者key in的設計，並且減少使用jquery等等的套件

增加易用性，也就是"Access"  更能對使用者友善。


Make websites, not apps

＠Soledad Penades

https://soledadpenades.com/files/t/2016_mwna/#2

 這場比較像是一個概念的分享，在講這個世代的網頁設計師如何建造他們的網站，

從telnet時代開始，然後你開始寫html 加上css  最後再加上javascript等等，

其中有一句經典的話語是："不要讓他們說你不是一個真正的開發者，只因為你只會寫css"

 （css也是很博大精深的），最後他勉勵大家至少我們不用寫軟體，已經有個瀏覽器在那邊

 了，做出你覺得最好得網站吧！


The Evolution of CSS4 Color

@Chris Lilley


作者前面花了很多時間在講lab色彩學，
總之CSS4會出現一個新的色彩定義: 像是 background: lch(50 0 0);

把lch 想成類似 rgb的東西就可以了，簡報的前半段是在跟你說lch是怎麼定義的呢?

小小結論是，用lch定義色彩可以快速的把網頁顏色轉換成印刷色彩!


LIGHTING TALK 連發時間

有人介紹他學CSS的經過，有人說CSS可以做到很多JS能做的事情，有人在講D3.js，以後3D

軟體也可以雲端化~~這邊就先跳過。

只有 學CSS經過的講者有分享簡報






Real World HTTP/2

@Michael Mifsud


這篇跟CSS的關連不大，在講HTTP 1 跟 HTTP 2 的差異，對於使用者看到頁面呈現的幫助，

HTTP1 和 HTTP2 ，載入網頁的request 先後順序是不同的， HTTP2 可以確保小圖片都能在第

一時間載入，HTTP 1 比較像是直覺的一個載完在換下一個，講者在說明這個複雜的工程流程(?)


CSS Variables: var(--subtitle)

@Lea Verou 


Lea Verou 是 CSS secret的作者，相信他的炫技實力已經名聲顯赫了，

這次主題圍繞在css variable上， 示範了很多種 variable在 CSS上的應用，例如單純的顏色，

背景URL ，但實際使用上仍然有很多的限制，講者教你突破這些限制的一些稀奇古怪的解

法。最後利用variable結合js，做出與平常javascript邏輯相反的動態效果!


本文結束，詳細請自行端詳資料連結來源~









2016年11月28日

某允的middleman研究



middleman是一個替代fire.app的方案

首先怕忘記，所以給自己做個提醒。

使用middleman前得先安裝ruby...乾脆就直接連rails都裝一裝吧

一開始最困難的應該是裝RVM吧，裝進去以後一切就簡單了。

https://rvm.io/  可以參考看看


裝好以後到commend line

在你的project資料夾輸入 middleman init

EX  $ projects/tmp>  middleman init

就可以發現middleman吐出一些檔案和資料夾...


改天再敘述吧！




2016年6月13日

微。互動



觸發三要素
控制相本身，控制項的狀態，文字或圖案的標籤




設計規則>建立步驟>到達"目標"

ex 已經在追蹤你的人按鈕會變成反追蹤




回饋
了解情境，選擇要回饋的項目或是訊息




 模式

大部分的微互動不會用到模式，模式指一個特定的情況下，所建立的一個微互動的功能，大部分的互動在於"設定一個模式"。ex：按下shift時，啟動大寫模式。雙擊螢幕時跳出選項。

迴圈

透過規則指出的東西，例如30秒抓一次資料，十天送一次通知，ex，有一封未讀取的郵件即時通知的icon上就會有1。









2016年2月16日

Growth Hack 心得

敝人有幸參加了最後一場由Xdite創造的Growth Hack實體課，
這是地16 or 17場，很榮幸與許多人見證了這個歷史。


話不多說我們馬上進入正題。


 http://successter.com/wp-content/uploads/2015/07/growthhackingfeature.jpg

為什麼要知道growth Hack?

先想看看，你是不是有: 產品沒人用，回流率超低，下廣告沒用，有人但是量不會成長，有流量但是不付錢，死都不付錢，市場上面的競爭對手很多但是我覺得我的東西比較好...........以上這種問題？


因為是經營一款產品的過程，因此矽谷的公司開始了growth hacking的研究，原文解釋為"技術創業型團隊通過數據分析和量化指標來推廣產品時所使用的一種市場營運技術"，白話的說，就是用數據化分析找出一個方法，目的是讓你的用戶量成長，讓你的流量成長！


名詞解釋

Growth





Conversion (轉化)
Churn (流失)   >刪除帳號  >丟棄購物車
AARRR 

  • Acquisition (獲取用戶) 
    SEO   FB 廣告  Line行銷    流量行銷
  • Activation (用戶激活)
    點擊廣告  付費購買      免費升級成付費
  • Retention (用戶留存) 
    持續使用  購買更多產品
  • Revenue擴大營收
    讓客戶付更多錢      漲價
  • Referral (推薦介紹)  
    客戶介紹給朋友使用

 

Product Market Fit

什麼是Product Market Fit呢？專業名詞解釋為一個產品的狀態，這個狀態為你的產品已經運行了一段時間，你有一定的客群，你可以暫時擺著他也沒關係的狀態。
 達到這個狀態你才有能力去做擴展事業的可能，所以白話來說 Product Market Fit代表你的產品已經根據市場做了一定的調整，有了自己的定位。要達到這個定位你必須跟你的產品很熟，而且是市場所需要的，然後你在逐步的調整，很少有那種一步到位的產品出現。


所以很多文章再說新創公司一開始要先達到這個PMF的狀態.......達到這個狀態你才能做以後的行銷和growth hack，再那之前應該要做的是讓客群和流量成長，穩定生意。

現在我們達到PMF了，我們開始做growthhack的手段：

 

LANDING PAGE 

  Landing Page（招牌）結構：
  1.  一句話形容自己
  1.  使用此服務的三大好處
  1.  敘述運作原理，或製作示意圖，或製作示意影片
  1.  使用者見證或媒體報導（消除疑慮）
  1. CALL TO ACTION（召喚行動）
  1.  免費註冊或退款保證

EX: Trello（專案管理）視覺管理工具
  • Trello is the free, flexible, and visual way to organize anything with anyone.（第一頁一句話形容自己）

EX: Basecamp
  1. Chaos, Organized
  1. You need to get a project done
  1. Basecamp get projects done (checklist)
  1. NASA, ...（使用者見證）
  1. Use Basecamp free for 2 months

日本的實體店為什麼洗腦？

不只是國外網站有，國內網站也有：
飯局女孩（這是一家餐廳）  

 明確的
  •  降低疑慮
  •  增強信心
  •  CALL TO ACTION（超級重要）<<超級重要
  • 不要看起來很屌但不能幹嘛


ON BOARDING

已經有固定客群但是回流率正在下降的情況，請使用on boarding
1.消除疑慮和挫折
2.馬上帶來好處
3.根據行為給予小惠

EX:記住登入資訊，促使顧客回流。

開發產品迷思:
1.要有很多資訊才能做市場行銷
2.要註冊者填很多資料才能開帳號

所以網路服務建議
1.簡化註冊流程
2免費試用
3.根據喜好馬上推薦內容
3.如果使用者沒有提供喜好，可以詢問原因
4.根據訂閱內容推薦使用者可能喜歡的東西
5.雇用數據科學工程師，分析使用者喜好
6.SINGUP以後提供好處(送時間)
7.30天後問他要不要當下線推薦給朋友，再加送

on boarding可以給顧客認同感，安心感，CP值高

顧客服務

https://mopcon.hackpad.com/MOPCON-2015-Day-1-yoqZwxC74jV



2015年11月5日

2015東京設計週


日本的設計一直都具有代表性，趁著30週年特地跑了一趟，
展覽地點在明治神宮外苑，是個相當熱鬧的地方，
首先是取票，然後進去就收走的門票= =



然後換來提袋和簡介

當然啦，有很多具有日本文化的設計品，跟台灣相比呢，可能就是多了那種和風，
想想台灣ROC只有100年的歷史，我想怎麼也拼不過人家幾千年累積的韻味，
隔壁說客家和原住民是台灣的阿，但是他媽的沒有人要保留阿。
紡織很強，但是沒有人要強調他阿!(憤青上身)






平面圖像設計類，蠻多細節的，不過我想有再看設計書籍應該不陌生。




(這張孔子我看到覺得很搞笑XDD)

然後是讓我驚豔的多媒體....舉一些例子...




這個乍看是廣告的分鏡稿而已，但是IPAD拿上去卻會出現完成的影片和解說，然後我找不到他的QRCODE和感應器在哪...
這是一個APP嗎(汗)


上面這個投影水族箱是你在時下流行的填色遊戲畫完以後，他會拿去掃描15秒，你的畫作就會加入水族箱了。



上面這個投影幕是各種符號和象形文字，碰觸以後會有特效告訴你這些符號的意義。
應該是利用上面的攝影機在做感應~


360環景也相當熱門，戴頭盔就可以看到各種應用，或是透過IPAD來當觀景窗，還可以在虛擬空間玩立體噴漆....
也有利用XBOX KINECT製作的互動設計，像是打汽車阿，掃描臉部等等，應用的手法和台灣大不相同，開發影像互動APP感覺像是一個很普遍的技術.，感覺大學生就會了(?)



(設計展也要發展一下觀光業)


設計展也要賣AUTODESK的車



設計展也要賣房子(誤)


這個是驚悚的機器人，他會瞪著你，跟你聊天。
然後發現台場也有一個...不會瞪你的


總有一天智慧機器人會走在日本街頭的吧..


上面這個荷葉可以讓你聽到下雨的聲音，後面的葉子是模擬含羞草的裝置，
機械的聲音有種奇妙的感覺，然後旁邊的花用燈照，每次都會有不一樣的顏色。




最後補上一些亂拍的東西。

總結，一個不論是土地和人口都是台灣十倍大的地方，
也許可以說，台灣可以拼到這一步其實很好了。
很多文化跟古蹟或許你可以講他們有很多空間可以保存之類，
而台灣這麼小是不行的，所以我覺得一昧模仿人家其實沒什麼意義，
同一套方法可能無法解決先天的缺陷，該思索應該是一套屬於自己的方法。

但日本給人就是一個謹慎和敬業的態度，
我不知道他們是為了錢還是一個責任感，
不過我覺得我們國家就算給了他很多錢和權力，
他也不見得可以有這種態度和責任，是吧。

所以如果有能力改變一些東西，那就盡力改變吧，
也許只是一個標誌設計，我相信總有一天這個設計也可以成為一個文化代表。


在最尾巴貼上一個比東區十倍擁擠的澀谷和維安警察(還有待命抓你上去的警備車)，
好啦，台灣真好。




訂閱： 文章 (Atom)