【前端作品常見小錯誤】
學習新技能的過程中除了掌握技能外
更想完成具水準的前端作品
而作品中如果有些小缺陷，累積起來就會讓整體水準下降
我清楚有許多學員並非具有 “設計背景”
所以本篇並非要介紹美的做法
而是要大家避開「不美觀」的常見問題
事先注意許多小問題，將會發現做出好作品不難

### 文字
文字是用來傳遞訊息的，清晰傳達是他的用途

- 字體僅有使用微軟正黑體
→ 行動裝置或其它作業系統是沒有此字體的

- 整體字體太小或太大
→ 太大會影響精緻度，設計上會較難掌控；太小則是影響閱讀性

- 標點符號運用錯誤
→ 請不要混用半形標點符號在全形文章內。ex: 我的,好朋友

- 文字色彩辨識度不足
→ 網頁是用來傳遞資訊的媒介，辨識度不足則會影響此媒介的功效
可參考：https://wcc723.github.io/design/2018/10/22/accessibility/
.
### 動態
動態是給予用戶當前操作的最好提示

- 啟用的選單連結缺少 "啟用" 的視覺效果
→ 讓用戶了解目前的位置

- 非同步行為進行中的視覺效果（讀取、進行中...）
→ 用戶會不清楚目前的操作是否有作用
.
### 色彩
色彩單純，就是最好的顏色搭配

- 網頁色彩過於混亂
→ 色彩越少，畫面越容易掌控，太多色彩容易讓作品失焦
可參考：https://wcc723.github.io/design/2018/10/21/color/
.
### 圖片
好品質的圖片讓網站好品質

- 變形
→ 圖片比例與原圖不同時，會讓人感覺作品粗糙，對於執行者來說也是不細膩的表現

- 檔案太大
→ 避免將過大的圖片直接呈現於畫面上，除了會影響下載速率外，也會讓畫面的呈現效能變差

- 檔案品質不佳
→ 會直接降低網站的水平

- 圖片內的文字變形→ 同 “圖片變形”
.
### 排版

畫面整齊，是最好控制的美

- 網站沒有依據格線排版
→ 不整齊，是最難控制的排版方式

- 行動版出現水平捲軸
→ 代表有內容超出畫面了！

以上簡單介紹常見的美觀問題
接下來將會安排時間補上示意圖

最近讀完了這本書
　
而我，也是一個有亞斯特質的人
這樣的特質，也影響我的人生甚鉅
亞斯特質在人際關係上總是費力的
要刻意去學習各種一般人與生俱來的人際技巧
即使學得起來，
使用的時候又比一般人更耗費能量
這就是我們這群人說不出的苦衷
也長期不被大眾察覺與理解，
常被冠上與社會格格不入的標籤
　
這本書就是讓大家方便認識亞斯特質的敲門磚
鄭重推薦給每一個人
認識身邊的人，甚至是自己身上擁有的亞斯特質
您的發現與理解，就是最重要的第一步

《裝上亞斯雷達，你可以改變許多人的人生》

這是一本還沒出版，就開始帶來改變的書。事先看過書稿的人們，發現自己的前女友、先生、小孩、同事有強烈的亞斯特質，還有人因此想找心理師。出版後，有人原本只是想要從書中了解柯文哲，結果發現自己的亞斯特質似乎更強烈。有位亞斯特質明顯的醫師看完感嘆說，我真是對不起我太太。幾位亞斯特質強烈的女性讀者，又哭又笑地看完這本書。

這本書的讀者反應熱烈，因為可能有2.5%的人符合自閉症、亞斯伯格症診斷，有10%的人有「值得注意的亞斯特質」但沒有自覺。讀完這本書後，人們發現身邊許多親戚朋友有明顯的亞斯特質，而且對工作、婚姻、社交帶來影響。如果能協助他們自我覺察，將能帶來許多改變的機會。

當我開始鑽研「成人亞斯特質」，發現台灣與歐美國家的鉅大差距。他們有強大的亞斯社群，有能力出版精美刊物，網路論壇上有豐富的討論，亞斯作家寫自身經歷可以成為暢銷書。符合「亞斯伯格症」診斷的青少年、成人，可得到來自政府與教育體系的資源，大企業會安排「心靈導師」協助亞斯員工進入狀況。沒有正式診斷，但有強烈亞斯特質的人----好比說像台北市長柯文哲----也可以從看不完的網路資訊瞭解自己的腦神經特質。

我搜集了二、三十篇自我揭露亞斯伯格症診斷的英文報導，每一篇都訴說著：「三、四十歲診斷亞斯伯格，我這一生終於說得通了。」察覺自己的腦神經特質，讓這些成年人鬆了一口氣。研究顯示，偵測到自己的亞斯特質，對多數人會帶來正面影響。

所以，當我搜集到足夠的資訊，就趕快找出版社出了這本《我與世界格格不入----成人的亞斯覺醒》。

我希望台灣媒體、政府、意見領袖能了解成人亞斯議題，快速追上跟歐美國家。我想讓讀者能彷彿裝上「亞斯雷達」，偵測出有強烈亞斯特質的伴侶、親友、同事、同學。

大量閱讀成人亞斯相關書籍，是帶來改變的第一步。

《亞斯基因孕育天才，但也常伴隨悲情的命運》

學者專家推測，有許多基因決定著亞斯特質。高濃度的亞斯基因，常伴隨特殊能力，產生天才、學霸、與許多勤奮的專業人員。亞斯特質強烈的人，比起相同IQ的同學，常會有更優秀的學業成績。

但，亞斯基因也常帶來孤獨、寂寞、缺乏長期好友，嚴重時變得憂鬱、焦慮、甚至自殺。個人條件、家庭背景普通的亞斯人，常無法適應學校、職場，被排擠、霸凌、當作邊緣人。

為什麼我要強調「可能有10%的人有『值得注意』的亞斯特質」？多基因遺傳，讓許多人都帶有一點亞斯基因。許多研究數據讓我們推測，濃度最濃的10%，較容易因為社會適應不良，導致原本的才能無法發揮，落寞一生。

美國科技業聚集來自全世界的亞斯天才，打造堅強的科技基礎。美國富豪家庭帶有亞斯特質的比例緩緩上升。大企業擬定方案，特意引進有強烈亞斯特質的員工，高階的人力顧問公司協助尋覓亞斯人才。歐美國家意識到我們必須在家庭、學校、職場提供協助，減少因為無法適應社會而殞落的亞斯人。

為了台灣的未來，你能做什麼？你可以協助將這則訊息分享出去，讓更多人能意識到「亞斯特質」的重要性，讓更多資源投入協助亞斯人適應社會、發揮長才。亞斯人的創造力、持續力、分析力，是台灣的重要資產，別讓亞斯人因為較笨拙的社交能力而被埋沒、或因此陷入憂鬱、得不到發展空間。

《社交會累的亞斯人，模擬器跑雙作業系統的大腦》

人類大腦有很大一片區域負責社交（與社會互動），通常當我們暫時沒什麼任務要做時，社交大腦就會立馬活躍起來（詳見《社交天性》）。「社交」默默地吃掉大腦許多熱能，我們時時刻刻都在觀察別人的表情、動作、聲調、姿態、遣詞用字，思考別人沒說出的想法是什麼，回想在「人際政治」上還能做些什麼。

亞斯人的核心特質，是不太靈光的社交大腦。從小對朋友、同學的話語，太過於字面上的理解，不知道別人心裡真正的意思，導致接話、插話、開啟新話題有困難。不是受歡迎的聊天對象，就容易被排擠、當空氣、好像局外人，甚至被霸凌。因為猜不出別人內心，有時講話白目，有時會在受到挫折後變得退縮寡言。

亞斯人為了適應社會，會試著調整自己，學習、模仿別人的社交模式，或先在自己腦海裡排演，準備許多套劇本、範本，以便隨時拿出來套用。有許多亞斯人適應得很好，讓外人完全看不出來有亞斯特質，但代價是「大腦很累」。

我們可以想像，亞斯人的大腦作業系統，就像是嚴謹、一絲不苟、追求秩序與邏輯的Mac OS系統，為了跑微軟Windows作業系統程式，要安裝「模擬器」，在模擬器裡執行Windows程式。這一定會消耗更多CPU能量，而且某些功能無法100%執行。

有些亞斯人在需要社交的活動後，回到家就覺得很累。有些亞斯人只能撐一場社交活動，到第二場就開始覺得大腦打結。國外有本亞斯人名作叫做「假裝很正常」：努力地適應「正常人類」世界不合邏輯、很沒道理的社交生活，消耗掉自己的大腦能量與發展潛能，這就是許多亞斯人的寫照。

《卡珊德拉症候群，好男人背後辛苦的女人》

卡珊德拉是希臘神話裡的的女祭司，被太陽神阿波羅詛咒她的預言都不會有人相信。許多亞斯先生在外形象很好，勤奮工作、顧家、待人和善老實，他們的太太如果對外訴說自己的委屈，往往無人相信，這叫做「卡珊德拉症候群」。

這些太太有什麼委屈呢？固執、堅持、淡漠、缺乏情趣、白目、除了工作不知道談什麼，還有偶發的暴怒••••••許多亞斯先生在外適應良好，但回到家裡，一些亞斯特質難免表現出來。畢竟，一直偽裝是很累的。

卡珊德拉症候群造成許多外表幸福的家庭裡不快樂的太太。先生通常還是外人眼中的好先生、好爸爸，但有許多點會讓太太很受不了。如果大家都不知道什麼成人亞斯特質，這些問題就不容易釐清，太太也常因此成為莫名被責怪的對象。

《被忽視的性別議題，雷達下低空飛過的女孩們》

近年來歐美國家的熱門話題是：過去亞斯伯格症的診斷準則，是從男童發展出來，忽略了女童的症狀表現很可能並不一樣。於是有許多亞斯特質強烈的女童並沒有被注意到。

這些女童長大後，有些會無法適應辦公室文化而被排擠、工作不順利；有些會因為要求完美、規則與秩序的個性得到主管賞識，等到四五十歲卻發現自己缺乏長期好友、長時間孤單寂寞；有些則缺乏跟異性交往的能力，就算認識也難以維持。

這些亞斯特質強烈的女孩，學生時代就常覺得自己好像局外人，打不進班上女生的小圈圈。學業成績差一點的容易被霸凌，好一點的還是容易覺得自己是異類。有時過於天真的個性，會讓自己愛上不該愛的男人。

如果你分享這篇文章，讓更多人知道成人亞斯的資訊，得到最多助益的，將會是這些亞斯女孩。因為，同樣有亞斯特質，女性的自我覺察能力、追求改變的動機，遠遠大於男性。這些女性，需要從學生時代就得到來自父母、學校與朋友的支持。如果得到支持，她們將擁有最大的潛能來改變。

《發揮亞斯力、或被社會排除？我們每個人都能做的事情》

許多亞斯人都有適合他發揮的事情，科學園區裡有許多亞斯特質強烈的工程師，醫師、藥師、會計師、網頁設計師、翻譯等，也都是適合亞斯人從事的行業。有些亞斯特質強烈但從未察覺的女性，在企業界、社運團體、公益團體擔任主管。

亞斯特質常帶來兩極化的發展。亞斯基因常伴隨系統化、邏輯化的大腦，工作專注，有條有理，擅長研擬與遵守SOP。但亞斯人也常因為社交技巧笨拙、不太會察言觀色，不被職場前輩、主管喜歡。我在診間常見到四十歲左右的病人，學歷、工作能力不差，但一直換工作、直到中年就業困難，最後變成憂鬱症。會談幾次後漸漸察覺，強烈的亞斯特質，可能才是他人生不順的主要原因。

父母與教育體系如果能及早察覺青少年的亞斯特質，可以協助他針對自己的特質與興趣，接受未來適合、想做的工作必須的專業訓練，取得必要的學歷與證照。職場裡的主管如果知道什麼是亞斯特質，也較能協助員工適應新環境，避免因為人際問題影響公司的生產力與競爭力。

我們必須讓「什麼是亞斯特質」漸漸成為多數人的常識，從腦科學的角度來理解每個人的差異，才能讓亞斯人的才能都能好好發揮。

《如果早知道，我的人生會不一樣嗎？》

有些讀者看完書後，驚訝地發現亞斯特質似乎驗證、預言了他的一生，原來每個人的腦神經特質，對自己會帶來這麼大的影響。然後不禁感嘆，如果早知道，我的人生會不一樣嗎？

人生充滿機運，也沒有什麼必勝的法則。但，「如果早知道」，至少我們可以納入決策考量，要不要改變、調整自己適應這世界？值不值得？會不會有反效果？我們需要豐富的知識，才能作為判斷的依據。

「亞斯特質」的論述，來自於人類累積七十幾年的大量研究，成千上萬篇學術論文，現在每年還有許多一流大學的研究生以這主題撰寫博士論文。雖然人類對自己大腦的理解還是相當有限，但我們依稀知道，每個人的大腦特質，可能都會有一部分跟「多數人」不太一樣。

理解自己的「不一樣」、理解其他人的「不一樣」，從閱讀《我與世界格格不入》開始。也期待未來有越來越多人，從自己的大腦特質出發，撰寫適合大眾閱讀的心普、科普書。

廣泛閱讀，是理解自己、帶來改變的第一步。這是一本好讀易讀、看完適合多買幾本送人的書。理解、覺察，將會是改變的開始。

各大連鎖書店均已到貨

博客來：
https://www.books.com.tw/products/0010799965?loc=P_003_071

金石堂：
https://www.kingstone.com.tw/basics/basics.asp…

PCHome：
https://24h.pchome.com.tw/books/prod/DJAK1S-A9009G17P

TAZZE：
https://www.taaze.tw/sing.html?pid=11100856822

附註：

一、這篇文章裡的「亞斯人」，指的不是「符合亞斯伯格症診斷的人」，而是「有值得注意的亞斯特質的人」。

二、書寫跟「亞斯」有關的文章時，還是得提醒讀者，每一位亞斯都不一樣，不要因為任何文章的敘述就對亞斯人有刻版印象。亞斯人有學習能力，有少數亞斯人是社交高手，甚至能管理行銷或公關部門。有些亞斯人的社會適應能力很好，只有在伴侶前會露出本性。一般來說，亞斯人的「社交性驅力」(sociosexuality)較低，但也有亞斯人成為調情高手、或沉迷追求一夜情。在講台上或面對直播侃侃而談的網紅、企業創辦人、政治人物，也都有可能帶著強烈的亞斯特質。

三、「亞斯特質」的研究，是從七十幾年前的自閉症研究開始。腦科學家漸漸發現，有一種人類腦神經特質可稱作「自閉症光譜」，可在許多人身上發現，「濃度」強的，被稱為自閉症、亞斯伯格症。比亞斯伯格症濃度再輕一點的，英語稱為autistic-like traits （自閉症特質），或broad autism phenotype （廣域自閉表現型，BAP）。台灣自閉症家長曾群起反對「自閉」的中文翻譯，台灣的成人亞斯社群很明顯也比較喜歡「亞斯」這名詞，所以我在書裡統一使用「亞斯特質」。

四、「亞斯特質」不等同於疾病，沒有精確的「診斷準則」，所以我們無法明確統計出「值得注意的亞斯特質」的「盛行率」是多少，10%是個概括的數字。10%的來源是：(1)符合「自閉症光譜疾患（含以往的自閉症、亞斯伯格症）」精神醫學診斷準則的人數有多少？目前美國的統計，在小學生已經來到1.7%且節節上升。學者推測，這類普查，至少會漏掉15%沒計算到。再加上被忽略的女性亞斯特質，符合診斷準則的人應該有2~2.5%。(2)第一類符合診斷的人的近親，父母兄弟姊妹子女，在各項研究裡約有20~30%是「未達診斷準則、但有較高的BAP分數」。(3)在完全沒有人「符合診斷」的家族裡，也還是會出現BAP分數高的人。這些亞斯基因有可能來自婚配，也可能來自基因突變。(1)+(2)+(3)，10%是合理估計。

五、二〇一一年有一份刊登在國際期刊的研究，針對五萬位韓國小學生進行詳盡的調查，發現有2.64%符合自閉症診斷，且三分之二並沒有被察覺。這統計數字，還不包括那些因為「診斷準則偏向男性特徵」而沒被計算進來的女性。這說明帶有強烈亞斯特質的人數，恐怕遠超過多數人想像。

六、國外研究篩出的「BAP分數高的人」，通常在15%左右，而這些人在統計上會有明顯較高的焦慮、憂鬱、孤獨、寂寞、缺乏長期好友、以及自殺傾向。這也是為什麼我們需要注意、關懷、支持這一群人的主要原因。雖然亞斯特質明顯的人，有許多成功的專業人士與創業家。但，格格不入、不被理解也無法理解自己、長期抑鬱無法發揮長才的人，人數恐怕會比「成功人士」多很多倍。

七、「亞斯特質」只是人類常見腦神經特質的其中一種，當你覺得誰可能有亞斯特質時，還是得記得，「亞斯」只是他大腦特質的一部分。我們可透過閱讀亞斯特質來瞭解人類行為與人類大腦，但也要切記，不要用「亞斯」來定型化一個人。

好啦，如果你已經辛苦地看到這裡，我再附上一些連結：

1014、1021、1027的三場演講、對談
https://www.facebook.com/events/181599302735141/

我在Readmoo電子書已經開放預購的《亞斯四書》
https://readmoo.com/campaign/2018/10/asperger/index

大人的亞斯學—成人亞斯知識分享
https://www.facebook.com/groups/aspie.tw/

看完這五千字，請你記得按讚、分享。雖然我是精神科醫師，不過我沒在「兒童與青少年心智科」受訓過，我不懂得如何診斷與治療亞斯伯格症。我的強項是資料整理與書寫。我在寫推理小說《恢復記憶就得死》的過程中察覺自己的亞斯特質，之後投入時間找出800個網頁、30本Amazon Kindle電子書、150個PDF檔案文獻，寫出《我與世界格格不入》。明年我還是會轉回繼續寫小說的狀態。我希望藉由銷售數字，讓台灣出版社看到這類書籍的市場，讓出版界願意投資在其他亞斯作家，或翻譯更多國外的亞斯名作家作品。我的努力，必須加上你的購買與分享才能完成第一步。接下來，就要交棒給其他出版社與亞斯作家了。

[趨勢] 2017 年該學哪些語言？
https://goo.gl/5zImJS

從開版以來，「我該學哪種語言」就是我私訊中收到之提問的第一名（笑）。我一直鼓勵初學者，要以自己的興趣作為基礎來選擇語言，不要以「現在流行什麼」來作為學習語言的依據。因為流行是會變的！你現在照著流行去學某種語言，等你學完後，流行又變成另一種。而你就在追逐流行的無窮迴圈中無法跳出來。

不過我還是擋不住網友們想知道「目前流行什麼語言」這種好奇的心...剛好今天從國外論壇找到一篇文章，把今年可能流行的趨勢整理得不錯，於是就貼上來分享給大家。為了體貼「英文苦手」的朋友，我把這篇文章的大意粗略翻譯、並加上我個人的簡短評價如下：

<2017 年該學哪些語言？>

1. JavaScript: 同意！網頁前端語言的霸者！最近這幾年已經強到可以寫「網頁後端」、「手機 App」這類應用程式了！
2. Ruby: 嗯...部分同意！該語言可以在短短十幾分鐘內，寫出一個初具規模的網站。國外的 Ruby 程式師很搶手，技術本身也是好的，但可能是沒推廣還是怎麼地，國內企業對於 Ruby 程式師的需求，跟其他語言比起來就不是那麼大。
3. Python: 完全同意！初學者最佳入門語言！可用於撰寫桌機程式、手機程式、網頁程式、控制電路板（需掛外掛套件）、大數據、人工智慧...等領域。以一打十的好語言！缺點是執行效能比其他語言稍差。
4. PHP: 同意！網頁後端語言王者！雖然有點退流行，但國內企業界的需求還是有的！
5. Java: 同意！學會後可以往 Android 手機 App 這條路走。
6. C: 同意！目前該語言應用領域比較多是在「嵌入式系統」。也就是撰寫「韌體」這個領域。由於不好學，但學成後能在就業市場有一定的優勢。
7. Objective-C/Swift: 部分同意！兩個都是用於寫 iOS App 的語言為多！但 Objective-C 已經退流行了。如果現在要學，建議學 Swift。
8. C++: 呃...部分同意...（很微妙啊～）！很強很棒的語言！但也不好學！目前用於遊戲程式設計界為最大宗。
9. C#: 部分同意！目前大概只有微軟相關平台在用而已。如撰寫 XBox 的遊戲、或開發 Windows 平台相關程式。
10. SQL: 部分同意！資料庫程式設計師在國外薪水可以拿比較高，國內就普普...一般都是網頁後端程式設計師「預設得會」的語言... =__= 。其實要把資料庫寫好（不會當、跑得快）是一門很專業的知識。可惜國內老闆好像不太重視這類專業人才。

至於底下是我個人的整理：

1. 若還不知道自己興趣在哪裡的入門者：學 Python
2. 想走遊戲程式設計的朋友：學 C++
3. 想學網頁設計的朋友：學 JavaScript（HTML 與 CSS 也是必備知識喔）
4. 想寫手機 App 的朋友：Android 建議學 Java，iOS 建議學 Swift
5. 想要靠寫程式賺大錢的朋友：呃...我會建議去火星找找類似職缺，地球太競爭了，不太適合您... XD

希望今天的分享大家喜歡！也讓初學者能有個方向！喜歡這篇文章的話，歡迎按讚、分享。如果您有任何疑問，也歡迎留言在這篇的下方，我會盡快回答您的！