巨匠電腦 好文分享 – 解放雙手 用鼻子創作吧!

巨匠電腦 / CHU
1507071503570.png
翊)巨匠電腦分享,紐西蘭有一位視覺設計師,她不用手做視覺設計,她用她的鼻子。

如果需要每天使用 Photoshop 和 Illustrator 的設計師某天發現,自己的胳膊和手指不能靈活移動了,他 / 她該怎麼辦?

25 歲的紐西蘭設計師 Michelle Vandy 給世界的答案是,試試用鼻尖吧!2013 年六月至今,她作為預防糖尿病綜合服務創業公司 Omada Health 的視覺設計師,用鼻尖完成了很多漂亮的設計。

Michelle 在網站 LookNoHands 上講述了自己的故事。2011 年夏天,還在芬蘭阿爾託大學攻讀建築學碩士學位的她開始在一個建築師的工作室做實習生。為了給老闆留下深刻印象,她總是加班工作,而且儘可能地承接項目。後來,一個計劃出版兒童圖書的朋友邀請她做書籍設計,並且支付一定報酬,她經常每天工作 10-15 個小時,直到有一天右臂突然感到刺痛。
起初是手臂,接下來是手指,最終她發現自己已經無法抓握滑鼠操作電腦。在嘗試了用左手設計後,同樣的問題再次出現。但是作為一個設計師,不想點新奇的招數解決辦法,好意思說自己是創意工作者麼!在嘗試過眼球追蹤工具,聲音識別工具,運動傳感器,手機繪圖軟體後,一個朋友推薦的體感控制器 Leap Motion 宣傳影片激發了她更多靈感。

無心插柳的好主意
首先她讓遠在紐西蘭的木工爸爸幫他做了一個可以用腳操作的鍵盤(突然想起中國曾經有個用腳彈琴叫玖月奇蹟的組合),但是由於每次敲擊鍵盤的聲音怪怪的,這個方案很快被她放棄了。之後她試圖用嘴咬住觸控筆,然後在 iPad 上面完成設計,這個方案的問題在於會一直流口水。她甚至嘗試過用腳趾頭畫畫,但即使畫到兩腳痠痛,作品也還是不像樣。

突然有一天(目測基本上是躺床上玩手機的情況),她不小心用鼻子碰到了觸控螢幕,結果發現這樣點擊甚至劃動,比她以往嘗試過的任何方法都要有效。當她激動地打開 Photoshop,嘗試著用鼻尖畫出一些東西來,感覺似乎比腳趾可靠很多。後來,她的很多論文作品都是這樣用 iPad 搞定的,而老師們都沒有發現的樣子……。

「才華」嶄露於眾人
和創業公司結緣是在參加一個「創業者速配會」的活動後。在兩個創業者的鼓動下她同意加入三人團隊並擔任設計師,除了平時參加會議外,她的所有工作都在家中完成。六個月後,她得到了 Omada Health 的實習機會,視訊面試時,當這家公司的 CEO 知道她的秘密時驚呆了,但也覺得棒極了。第一天上班,當她拿出裝備開始用鼻尖工作時,覺得無比尷尬,還好同事們都很理解。

她的裝備其實非常簡單:Manfrotto 492 三腳架,蘋果 Magic Trackpad 和三腳架適配器,一共花費不到 200 美元。

(Source:looknohands.me)

創意不一定要優雅華麗
「在我學建築的時候,覺得人的天分和能力都是生來就確定的,數量上無法改變的。這種思考方式讓我總將學校轉化成與同學之間競爭和排名的戰場。為了取得更好的名次,你必須說服教授你是一個百年一遇的天才。但是這種想法只會讓人痛苦,因為任何形式的批評都會立刻變成針對個人才華的質詢。在我看來,這種思維模式根本無法塑造一個好的設計師。無須害怕「糟糕」,只需意識到,你的作品只是還沒完成,而你只是需要更多練習罷了。不完美也需要很大的勇氣。」

你有沒有想起,當年莫扎特挑戰海頓的時候,也是用一個只有鼻尖才彈得出來的音。如果你試試用鼻尖解鎖自己的手機,就會發現其實鼻子也可以做很多事情。有時候,創意並不一定是優雅和華麗,只是有些另闢蹊徑的人看到了我們沒有看到的東西。

如果想看更多來自鼻尖的設計,可以到她的 Dribbble 主頁。

巨匠電腦表示,只要你有心學習,人人都可以學會視覺設計!巨匠電腦開設了視覺設計的課程,能讓你快速學會視覺設計!

文章與圖片出處: http://technews.tw/2014/12/30/looknohands-design/
想要學: 視覺設計課程

巨匠電腦 利用色彩透明度標示 如何增加使用者評價

朱)超厲害介面設計 巨匠電腦分享色彩透明度標示方式

 

在繪製介面時,調整顏色的透明度 (transparent) 是一個很常用的技巧,好處在於:

1.減少灰階顏色定義

2.維持介面顏色的一致性

早期網頁設計還沒支持透明度的屬性時,設計師要自己調色,來控制顏色的明暗,所以會發現許多網站關於灰階顏色的定義,基本上都用過一輪,但其實這樣的方式比較沒效率,後續要維護也會比較麻煩。

在app的開發上,灰階的顏色通常會使用在字體與線條上,為了讓字體的閱讀更加舒服,內文字體不會使用純黑色(#000000),而會使用「灰色」來代替,但實色的灰色會因為背景色的不同,會讓app文字內容的易讀性有所差異。

1508140922040.jpg
上圖大概就可以知道為什麼要用帶透明度的黑色來取代實色的灰色,因為帶透明度的黑色,在背景稍深時,還是有比較好的閱讀性,如果是實色,字體就會被整個畫面給吃掉,不易閱讀。當然也可以多定義一個新的灰色,但那就是要多記一個顏色。

而在 Google material design  裡 Typographic 有提到文字透明度的設定說明:


第二段提到,建議文字顏色對比至少 4.5:1 建議是 7:1,最後定義出 54% black 與 87% black,雖然我有試著去算出這兩個數字,但最後還是找不到一個合理的算法(求解)。(百分比可以依需求自己設定,這邊只是舉 google 的例子,但我還是好奇這兩個數字是怎麼算出來的)。

2015/04/28補充:關於 4.5:1與7:1 的數值可以參考w3c的規範

2015/08/12補充:這篇文章被轉載,這邊再補充一下對比值的檢查工具

至於透明度定義好,要怎麼提供給工程師,說明如下:

iOS

iOS 在給顏色的值,可以直接給 alpha(α) 值,也就是像是網頁 css rgba 的標式方式,最後的 α 值,給 0~1 之間 0 代表完全透明,1 代表完全不透明,因此在 iOS  的標示上不會有什麼問題。

Android

Android 就比較麻煩,因為要給 hex 的色號,之前花了一點時間理解透明度的 hex 換算方式;hex全名是 hexadecimal,也就是 16 進位,這是除了 rgba 外,另一個比較常見的方式,在網頁設計上也經常在使用(在色號上會給#符號的,就是使用hex的方式給色)。

通常不指定透明度時,給的 hex 值不含井字號會有六碼:例:「#aabbcc」,aa 用來控制紅色、bb 用來控制綠色、cc 用來控制藍色,如果要補上透明度,就要在 aa之前加上透明度的 hex 值。

之前為了透明度的問題,手動算換了 16  進位的透明度值,以下是 rgba 跟 hex 的概略的換算方式(不想算數學就直接跳到表格,因為算的事情交給電腦處理就好):

但後來才發現有人整理好了不同透明度對應的 hex 值。– stackoverflow,如下表:

  • 0% – 00
  • 5% – 0D
  • 10% – 1A
  • 15% – 26
  • 20% – 33
  • 25% – 40
  • 30% – 4D
  • 35% – 49
  • 40% – 66
  • 45% – 73
  • 50% – 80
  • 55% – 8C
  • 60% – 99
  • 65% – A6
  • 70% – B3
  • 75% – BF
  • 80% – CC
  • 85% – D9
  • 90% – E6
  • 95% – F2
  • 100% – FF

所以如果要提供帶有透明度的 hex 值,就直接在 hex 值上的最前面,加上透明度的 hex 值就行了。在標示給工程師的文件中,就可以直接提供帶有透明度的 hex 色碼,例:「#cc000000」,我想工程師看到你如此貼心,應該也會挺開心的。

結綸

這篇的重點,其實是在強調,在繪製 app 時,字體與線條的線色盡量使用帶有透明度的黑色,而不要直接指定實色的灰色(如果是要那種紅底綠線、藍底黃色的特殊需求,不在此討論範圍)。

這也是我之前在做 app 時,因為定義太多不同的灰色,常常困擾我的問題,有時我也搞不清楚那個背景要用那個灰色,所以到最後每個位置的灰色定義都不一樣,維護上也就更加麻煩,你會發現工程師會一直跑來問你這個字體要什麼顏色…。

而背景色,建議還是以實色為主,因為每個 app 都會定義自己的主、副色,背景色如果用有透明度的顏色,不小心的話,有時會影響主色與副色的使用,但這是依 app 的需求取捨。

上述的說明,是基於白色的背景做為說明,如果是以深色的背景為主,那可以用白色帶透明度的字體顏色也是一樣的效果。

巨匠電腦設計了手機APP設計課程,教你App開發與應用、使用者介面設計等等,快來巨匠電腦輕鬆學!

文章與圖片出處: https://goo.gl/JaaM8O
想要學: 手機APP課程

 

【巨匠電腦科技新聞】設計新貴竄起 設計師職缺多多
上等的巨匠電腦評價-我在巨匠電腦學到很多東西
巨匠電腦評價—讓我重拾了自信心!
我來評價巨匠電腦一下~

巨匠電腦好評價分享 日本東京透明的房子!

朱/

1508250950260.jpg
巨匠電腦分享東京垂直建築─House NA

日本建築師藤本壯介(Sou Fujimoto)在安靜的東京郊區為一對年輕夫婦設計了一棟概念相當前衛住宅- House NA,其高透明度對比著周遭典型的混凝土日本密集的住宅區相當顯眼,以樹的概念發展空間。巨匠電腦評價好!

House NA 建築形式宛如像一堆互相堆棧的方盒子,相互錯落的框架在立面不同高度上形成豐富的內部空間,每個小房間擁有各自的小陽台彼此透過室內階梯相連接,使用者能自由地在空間中活動。

這樣的房子裡,家具和建築的關係至關重要。利用盒子的大小和相互之間高度的差別,房子裡的家具都是隨建築整體設計的。
房子裡的每塊樓板也沒有明確的功能,沒有規定說哪裡是餐廳,哪裡是書桌,隨便找塊木板,和下層木板便可形成功能關係。同時形成日常生活中我們所需的家具,比如工作台,床,飯桌,衣櫃等等。事實上,這裡有一組被用作為「家具」的台階,它們可以移動放置在其他地方,營造出多個室內路徑的視覺效果。

由於業主夫婦的想法是:「比起像在餐廳吃飯,在起居室看電視這樣的生活方式,還不如像吉普賽人一樣走到哪裡是哪裡,事情都由自己來配置的生活方式來得有意思」。藤本壯介聽了這話,「我突然開竅了,腦子裡浮現出了這樣的畫面:基地已經很小了,不如就把它分得更小,不是用房間而是用台階創造出一個奇形怪狀的空間,所有的空間其所具有的功能都由在裡面的人來創造。」

House NA總樓地板面積約84.7平方公尺,取代了通常的混凝土樓板,寬敞的內部空間由20塊大小不一、厚度6.5厘米的木板高低錯落地舖設而成,生活在其中的人像生活在樹屋上一樣。滿足屋主住在自己家中卻能像「游牧族」般生活的想法。

為了讓建築看起來合乎邏輯,選擇了比木板厚度更小的直徑6 厘米的鋼條用於承重,把柱子的直徑降到最低。而電線、保溫材料、網線等也不能像以往一樣走牆壁,和製作窗框的公司,和配電公司、自來水公司、電信公司協商解決方案,且在業主願意增加預算的情況下,順利按照最初的設計呈現。

居住其中的人可透過不同比例、大小的長方形窗框能望見周邊的景色(同時也被周遭的人看見),上層空間沒有設置固定的隔間牆,使室內的視覺也更為通透、自由。夜晚時,窗簾成為視覺上的阻隔,讓室內與外部空間暫時隔離,住戶仍擁有相當的私密性。

藤本壯介形容,在House NA中的感覺像是住在樹上一樣。如果說這房子本身是棵樹木,內部一層層台階形成了樹葉一樣的效果,形成了一個網狀的關連,這和住在樹林中的感覺是很像的。 「從這層意義上來說,這不正是我最理想的住所的原型嗎?」

巨匠電腦設計了建築室內設計課程,教你室內設計實務、Revit綠建築設計等等,快來巨匠電腦輕鬆學!巨匠電腦評價好!

文章與圖片出處: http://goo.gl/FMDJYN

 

網路管理-巨匠電腦,評價

APPLE實務用評價巨匠電腦研究室 | APPLE實務用評價為巨匠電腦所建。巨匠電腦收集相關視覺於此評價平台,讓 …

巨匠電腦 Archives | 室內設計評價-巨匠電腦報你知

工業設計評價IND Plus-巨匠電腦補給站

評價好!超特別建築設計 巨匠電腦分享荷蘭老年公寓懸挑設計

錚/

超特別建築設計 巨匠電腦分享荷蘭老年公寓懸挑設計

位於荷蘭阿姆斯特丹的WoZoCo老年公寓建設於1997年,是政府為照顧當地獨居老人而建的低成本高密度的公寓。這是當時初出茅廬的MVRDV建築事務所第一個大型項目。此作品在當時轟動全國,WoZoCo的照片幾乎佔據了所有建築雜誌和報紙的封面。

1508060949140.jpg

MVRDV最初收到的設計要求是在一個狹長基地上設計一棟9層、100個單位的高密度、低成本老年人公寓。然而,為了保持「花園城市」的特點,荷蘭有著嚴格的建築規範。除了佔地面積、建築紅線、綠化率、建築層數和總高度的規定之外,還有嚴格的日照規範,即新建建築不能遮擋現有建築原本的採光。因此,WoZoCo老年人公寓的長、寬、高直接受到了製約,同時根據日照分析,公寓總體上應呈現西低東高的形態。
若按照常規設計方法實際上只能設計出87戶老年公寓,距離計劃設計100套老年公寓的要求尚相差13戶,這剩下的13戶如何解決呢? MVRDV選擇「懸挑」方式,將多出來的13戶分散地在建築的北側,重新構成一個符合各方面限制條件的新形態,既解決了老年公寓設計中所遇到的矛盾問題,同時又實現了其建築設計的創新。

由於荷蘭冬季十分漫長和寒冷,建築的北立面常年缺少陽光照射,因此,為了保證日照並減少暖氣的使用,荷蘭的住宅規範要求不能有純北向的寓所。於是,MVRDV設計了4個2層樓高、錯落有致的懸挑懸掛在建築的北立面,使每個懸挑出來的單位都能從東面或西面採光。

北側立面原本以玻璃和鋼為主要材料,現在卻被5個出挑11.3 m的懸吊單元所打破,這種隨意和自由的原則也影響到南側以木質材料裝貼的外牆面,並通過彩色玻璃圍合的陽台,給建築增加了更多的生氣。同時,建築主體經濟的佈局可以節省7%~8%的造價,足夠補償造價較高的懸挑的支出。

懸挑雖然是建築設計中常用的方法,但將這樣多的住戶處理為大尺寸懸挑的形態,確實是一個令人吃驚的創新之舉,雖然在安全性方面應該沒有問題,但同時也有人認為居住在懸挑住戶中的老年人在心理上可能會長期存在安全方面的精神壓力,在懸挑部分下面或周圍的活動的行人也會因其建築形式產生不安感。

然而,WoZoCo已建成十幾年,但比起其他許多新建成的房子,更顯得年輕、突出。建築師Winy Maas表示:「雖然我們設計的是老年人公寓,年輕人也一樣會喜歡的!」WoZoCo的設計理念是完全的實用主義,除了功能的需要,多餘的裝飾只有那些不同色彩的玻璃窗,但是誰也不能說這個實用的公寓簡單、冷漠,因為無論是從造型上還是色彩上,MVRDV都合理地避免了乏味。

巨匠電腦開設了建築室內設計課程,教你室內設計實務、Revit綠建築設計等等,快來巨匠電腦輕鬆學!

文章與圖片出處: http://goo.gl/ObyoS5

評價好!巨匠電腦分享,磚兒砌起來的北京─隈研吾北京茶室設計

錚/

巨匠電腦分享,磚兒砌起來的北京─隈研吾北京茶室設計。

1507141017540.jpg

這是隈研吾建築師事務所於去年底完成的「北京茶室(Beijing Tea House)」,地點就位於北京的心臟,紫禁城東大門的對面。

這項工程為一座典型四合院翻修,面積250平方米,整個空間以白色為主。建築團隊認為,「北京這個城市,就是磚砌築起來的」,所以在設計中,採用了4種類型的淺色聚乙烯空心磚,通過旋轉式接合而成。除了作為磚砌結構的現代版本外,聚乙烯空心磚具有絕緣隔熱的性質,為室內引入柔和的光線。

茶室離故宮咫尺之遙,窗外便映著紫禁城ㄧ隅,站在屋頂的室外空間也可眺望故宮東華門、護城河和遠處的白塔。目前茶室只接待會所會員。

然而這項設計對於北京人來說,「有點怪」。網路上出現不少批評認為「工業不工業,傳統不傳統,現​​代不現代,與周圍環境格格不入!」另有人表示,過於冷色調的材質,不符合茶室應該具有的溫暖舒心的氛圍。不過也有正面的身應認為,仍然表達出是一種溫和禪意的意境,是另一種現代中國特色。

巨匠電腦也有建築室內設計課程,內容包含綠建築設計、室內設計實務等等,快來巨匠電腦輕鬆學!

文章與圖片出處: http://www.mmag.com.tw/ad/20150709-architectural_design-1125

 

【建築室內設計課程】巨匠電腦分享,妹島和世「環境與建築」演講摘要

【建築室內設計課程】巨匠電腦教你打造綠建築、智能建築

【建築室內設計課程】巨匠電腦告訴你,怎樣才是一名好的室內設計師?

【建築室內設計課程】巨匠電腦分享,謝宗哲談建築─在東京Gallery MA看到「丹下所看到的自己」