發表文章

目前顯示的是 五月, 2013的文章

101 Design Methods 讀書會 Mode2:Know Context 讀後筆記

圖片
David 會前提示:
Context 是個很抽象的概念,老師下這個字很精準,可惜沒有可對應的中文翻譯。已經超過3個同學問這問題,而且搞錯方向。Context 是認知心理學上的專有概念,與Content是「共生」的關係,如同陰與陽一般。Context是種認知上的「空間」,有了空間,Content(內容物)才會存在。 有趣的是,Context 看不到摸不到,有特定的形成條件,卻只能由Content去感知到,進而界定。這個Model裡面的方法,是不同高度的zoom in 與 zoom out,看一下下面這影片就比較能心神領會。VJ教授當年也有放這隻影片,不過10幾年前的我沒收到背後的用意。
簡體版都把 context 翻譯成"上下文",比較像字面"呈上啟下"的意思,我也是經由David 解釋後,與 content 一起思考,才能較清楚理解此字的含意。


參考連結:

Powers of Ten™ (1977)  http://youtu.be/0fKBhvDjuy0Scale of the Universe  http://scaleofuniverse.com/


[閱讀] Typographic Design Patterns And Current Practices

一直在關注網頁設計排版的相關訊息,如何規畫正確的字體集、字型、行高、行寬等...
剛好看到了這篇文章,分享給大家。
Typographic Design Patterns And Current Practices (2013 Edition)連結位置:http://www.smashingmagazine.com/2013/05/17/typographic-design-patterns-practices-case-study-2013/
大致將探討的內容如下: 因應行動裝置,響應式設計已是未來趨勢 襯線和無襯線幾乎同樣受歡迎在頭條。襯線在正本內文中最受歡迎。大部分網站使用非標準字體作為其主要的字體。標題字體的平均大小,最流行的尺寸範圍從20到32像素。內文字體的平均大小,大多數的網站分別為12和14之間的像素字體大小。現在,14像素和16像素一樣受歡迎。並歸納了一些原則: 從標題到正文字體大小比率 Headline ÷ Body Copy = 2.5最佳的內文行高line height (pixels) ÷ body copy font size (pixels) = 1.46line length (pixels) ÷ line height (pixels) = 24.9內文的值乘以1.46將會給你最佳的行高,然後,你可以適應您的字體樣式。 這個新的值乘以24.9,應該給你最佳的行長。注意的佈局也需要gutters, margins and padding 讓內文可以呼吸。 每一行的字符(元)數由Robert Bringhurst提出,Web排版的經典規則規定每行的字符的最佳數量是55至75。我們的數據顯示,在其實際大小(即不進行變焦,並在默認的字體大小),大多數網站平均83.9每行字符在寬屏分辨率(在我們的情況下,瀏覽器的寬度為1100像素) 雖然這個平均波動相當明顯,當瀏覽器是其它各種寬度 - 83和86之間每行的字符顯示寬度為700,950和1600像素 - 只在較小的500像素這個平均接近經典規則的看法。在這個寬度,平均是每行77個字符左右。 網頁的排版和響應式設計 計算每行字符,內文在五個瀏覽器的寬度(試驗的高度)的字體大小和標題的字體尺寸:500,700,950,1100和1600像素。這三個指標的字體大小不跨屏幕尺寸有很大的不同 - 除了500像素。 從…

APP研究會小聚「第四聚」主題運動健身APP

圖片
缺席了三次,這次總算有時間可以參加。
感謝聚友們精采的報告及Well無私的將簡報分享:

App研究會小聚 (4) from Well Huang

結合GPS軌跡記錄、心跳脈搏監測、數據統計及與身體指數分析比較、音樂播放等功能。
大概分兩大類:

功能型態nike training club http://www.nike.com/tw/zh_tw/c/womens-training/apps/nike-training-club
遊戲型態
瘦身戰爭  https://itunes.apple.com/cn/app/shou-shen-zhan-zheng/id504473345?mt=8

重點摘要:
簡潔的介面,操作直覺符合使用習慣。
初始的教用功能(使用者可自行決定觀看與否)。
人工智能,自我學習分析及建議。
結合遊戲特色、連線競技,提高使用黏度。
結合社群功能(同好效應)。與硬體設備結合(例如:健身器材),結合虛擬實境服務。
Run on Earth http://www.run-on-earth.com/

101 Design Methods 讀書會 Mode1:Sense Intent 讀後筆記

圖片
當中有提到的「價值觀→context→模式→架構→現象」跟冰山理論是不謀而合的,花了一點時間將冰山理論與使用者經驗五大元素圖表化,方便對照。


1.1 Buzz Reports
 話題  流行什麼?關鍵字? A.E.I.O.U  1.2 Popular Media Scan
關鍵在品牌 Cultural  主流文化‘次文化(地下文化)  1.3 Key Fact
文獻探討 // 信任  歷史背景 // 5-10 years useable / 10year nonuse 1.4 Innovation Sourcebook
Case study 最佳案例   1.5 Trends Expert Interview
趨勢專家 成為說書人 // 關鍵時刻(寶傑)  1.6 Keyword Bibliometrics
可靠性’關鍵性  主題的特徵 / Patterns / Keyword 類型 // 不同的面向  資料差異 // 分析比較  不同的資料庫 ,跨年比較  1.7 Ten Type of Innovation Framework
視覺化圖表 // 分析可能性 產業研究 1.8 / 1.9 催生了體驗經濟  需要產業資料庫(產業稍微模糊,淡化) 1.8 Innovation Landscape
時間發展趨勢 // to 創投 10種Type ,全覽,時間軸,過去 / 現在 / 未來 David 語錄
Intent
Key Drive...
藍海策略 A to B // 重新定義,重新架構 當問題很難定義?
What's game?
How to play?
How to win? 轉型,重新定義 // Both issue 冰山理論 // 注意願景背後的東西 (參考附圖) 危,機
創新背後的毛利
User 買得起
公司負擔得起  Sence 感知 // Yahoo Music vs KK Box KeyFact 真實的  潮,不同的 Context,代表不同的意思 轉化為行銷的話題,設計的方式  Issue
名片 地圖