關於我們－＂成員介紹＂和＂加入我們＂在最大寬度之外的其他寬度顯示會有點無法凸顯點擊按鈕的效果

[ieiexyz]

iOS 12.2 / Android 8.0.0 / Resizer
Browser: Chrome 73.0.3683.68／Edge / Firefox
Page/section: 關於我們
Window width 480/600/840/960　以及　Phone portrait 360/600/720　
說明: ＂成員介紹＂和＂加入我們＂在最大寬度之外的其他寬度，以及手機上橫拿與直拿有點無法凸顯點擊按鈕的效果。另外成員介紹緊接著的圖是連結到加入我們的填寫表單，而不是成員介紹，和預期中要看到的資訊有點落差。可能會造成以為點了大圖會是成員介紹，結果發現是填寫表單，然後才會要在回到上一點，去試試看點＂成員介紹＂。

[kiecoo]

(1) 凸顯點擊按鈕

如果說 讓滑鼠滑過時 按鈕有些變化的方式呢~? @YumiChen @Hsin-Tzu 評估看看囉
以下連結看是否有幫助囉~
https://codepen.io/mohaiman/pen/jqKzVb

(2) A-成員介紹 與 B-加入我們 兩區區塊模糊 易混淆

我目前想到可能的方式,供大家討論

• 想法1
  如果這A . B兩區塊中間有個明顯的區隔, 會不會可改善?
  例如: A.B兩區中間 留個空間、區隔線.......
  

• 想法2
  若手機版的A和B 兩塊都使用下圖方式 ?(按鈕包在圖片內，來區隔兩區)
  

[YumiChen]

(1) 凸顯點擊按鈕

如果說 讓滑鼠滑過時 按鈕有些變化的方式呢~? @YumiChen @Hsin-Tzu 評估看看囉
以下連結看是否有幫助囉~
https://codepen.io/mohaiman/pen/jqKzVb

(2) A-成員介紹 與 B-加入我們 兩區區塊模糊 易混淆

我目前想到可能的方式,供大家討論

• 想法1
  如果這A . B兩區塊中間有個明顯的區隔, 會不會可改善?
  例如: A.B兩區中間 留個空間、區隔線.......
  
• 想法2
  若手機版的A和B 兩塊都使用下圖方式 ?(按鈕包在圖片內，來區隔兩區)
  

兩個技術上都是可以達成的, 第二個解決方案的話感覺圖片跟圖片間可能也需要留些間格? 因為圖片看起來可能會像是連在一起的(看起來都是同一張背景圖之類的), 感覺也會有誤導使用者圖片實際連結的可能。

[kiecoo]

@YumiChen @Hsin-Tzu

UX回覆如下
(1) hover 可以 有顏色變化。
(2) 比較適合用第二種方法 : 縮小按鈕，用照片做區隔

[Hsin-Tzu]

"成員介紹＂和 "加入我們＂間加入空行以區隔