社区中心
註冊
Advertisement

本文由Lakejason0翻譯自2021年5月14日的英文社群中心網誌(有改動)。

大家好!

正如3月份發的那份FandomDesktop介紹中說的一樣,我們正在持續推進「越多越好」(More Is More)的工作方法來預覽在今年春季晚些時候和夏季時發布到Fandom和Gamepedia上的變更。我們努力提升FandomDesktop的透明度,希望更多地展現我們的設計思維,以使你們在這些功能正式推出之前更深入地看看到底有哪些變化。

那麼今天呢,我們來講講新的主題設計器(Theme Designer)如何與FandomDesktop帶來的新特性、更好的效能解決方案和更多的自訂選項並肩作戰,以使您的社區形象更加生動。

全新外觀,全新特性[]

作為統一社區體驗(UCX)計畫的一部分,我們從頭開始重建了主題設計器,使其作為一個更強大的功能來增強新的體驗。在UCX計畫的其他部分中,我們更專注於優化現有的功能以帶來新的體驗,但對於主題設計器,我們聽到了來自你們的使用者需求,並看到了超越以往、全新升級、重振Fandom使用者體驗的寶貴機遇。

向左看齊!

隨著圖形和顯示技術的大幅改進,目前的主題設計器發布以來,桌面使用者趨向於使用越來越寬的螢幕。為此,我們將主題設計器的布局調整為了左側欄布局,而不是一直以來的頂欄布局。這樣一來,在進行設計任務時,實際頁面的預覽部分變大了,您就可以一目了然地看到更多的內容,使這些設計任務更容易完成。

Theme Designer Light

預覽即時,頁面真實

新的主題設計器預覽體驗做到了所見即所得。你可以從wiki中選擇一個實際的頁面作為預覽的例子——您所寫的內容,而不只是一些占位的內容。在您調整主題的過程中,頁面會得到即時調整。

Theme Designer - Page URL

這將允許您在預覽和修改主題時查看特定的頁面,以了解您的修改會如何影響實際內容中一些特定格式,而不像先前那樣非得套用這些變更,關掉主題設計器,點開相關的頁面,如果有問題的話還得再回到主題設計器這麼麻煩。如果您想查看另一個頁面,您可以在預覽窗口的URL列中改變其頁面目標,這樣主題設計器就會相應地更新。

還記得先前導航預覽中的互動成本,即完成一個互動所需的精神花費和體力花費的總和嗎?現在的設計可以說大大降低了主題設計器工作的互動成本,讓您更清楚、更直接地了解哪些變化會如何影響頁面元素。

哦對了,favicon的變更現在也可以從預覽窗口的URL列預覽了!

日日夜夜

毫無疑問,您應該在FandomDesktop的早期預覽中注意到了,我們將在新的體驗中原生支援淺色和深色主題,這就包括在主題設計器中對這兩種主題的支援。

你將能夠在主題設計器介面中輕鬆地在兩個主題間切換,在同一個預覽窗口中對每一個主題進行操作並對比兩個主題的顯示效果。你也可以選擇設定哪個主題為社區的預設主題,向讀者展示您作為wiki管理員認為最適合您wiki的體驗。

以下是有關淺色和深色主題在使用者選擇方面將如何運作的簡短說明:

  • 在初期的使用者自主選擇(opt-in)的發布階段,淺色和深色主題只適用於已登入的使用者,且會透過使用者偏好設定的方式提供。
    • 如果沒有設定偏好,則在每個wiki上會根據管理員選擇的預設主題來顯示實際頁面。
  • 設計原型圖中展示的wiki內開關,出於整體體驗考慮,目前計畫在第一批wiki轉換到FandomDesktop之前發布。
  • 該開關將對登入使用者和未登入使用者(匿名使用者)可用。
    • 對於登入使用者,此開關將儲存您對淺色與深色主題的選擇到您的全域偏好設定中。
    • 對於匿名使用者,此開關將為目前session儲存您對淺色與深色主題的選擇。在發起新session時,匿名使用者會被認為沒有此項偏好設定,在任何給定的wiki上顯示管理員選擇的預設主題。

我們需要更多的時間來開發偏好設定和開關的邏輯,且本著透明度精神,我們希望你們都能提前知道與目前已經展示的原型圖有所不同的輕微變化。

自訂字型選擇

Theme Designer - Font

為標題文字選擇自訂字型的選項將會實裝到主題設計器體驗中。我們首先會上線產品設計團隊審查過的,已經檢查過可用性和無障礙需求的5種字型:Rubik、Work Sans、Lora、Roboto Slab、BioRhyme以及Inknut Antiqua。這些字型選擇也在截圖中展示了。其他的自訂字型仍然可以透過CSS的方式設定,只要符合無障礙標準即可。

突出改進[]

除了從根本上改變該功能的工作方式外,我們還利用這個機會,根據使用者意見回饋和從統一社區平台遷移中學到的經驗,進行了一些改進。

更好的儲存解決方案

舊的主題設計器將特定的檔案(比如wiki的logo)儲存在MediaWiki軟體以外的位置。這導致了一些在UCP遷移的時候,因這些圖片有時沒有正確遷移而產生的一些問題,而且事後也很難將這些檔案找回。

今後,所有的檔案儲存將會完全依賴MediaWiki本身的檔案管理,這讓wiki管理員可以選擇透過MediaWiki工具來控制這些圖片及其修訂版本,而不是僅僅依靠之前主題設計器提供的有限而專有的管理工具。這樣就能避免以後我們進行(若有需要)任何檔案管理相關的變化時可能產生的問題,因為主題設計器將成為整個wiki系統整體的一個小部分,而不是作為另一個系統,去遷移去做些什麼都很麻煩。

更多顏色與更好的取色方式

在先前的主題設計器中,你有兩種方法來挑選顏色:使用預製的顏色搭配或填寫HEX(十六進位)顏色代碼。這對那些精通設計的管理員來說是很好的,他們知道顏色代碼,或者碰巧能在我們提供的色彩選擇中挑選一款稱心如意的顏色搭配。但這對於創造力的發揮來說,也就止步於此了。

Legacy Swatch Picker

在新的主題設計器中,我們將開始使用一個在整個可見光範圍內給你很多選擇的取色器。聽上去很棒,對嗎?當然,如果你想的話,你仍然可以輸入十六進位顏色代碼。

Better Color Picker

我們已經在展望這個功能的未來,希望能進一步提供超越這些已有的選項的體驗,包括對無障礙的更多支援。在FandomDesktop的第一輪功能推出後,CATS團隊將提供更多有關這方面的資訊。

Theme Designer - Color

變大變美變漂亮!

就和上文說的一樣,隨著圖形技術的進步,螢幕解析度一直在向上攀升,與顯示技術並肩同行。整個世界正朝著8K顯示器的主流使用方向發展,所以我們需要與你的技術選擇一起發展。

由於這一趨勢和創作者社區的具體要求,背景檔案的大小限制將從300 KB上升到1 MB。

logo相關

Gamepedia和Fandom在設計方面的一個很大的區別是社區辨識度如何以logo的形式呈現。Gamepedia wiki使用正方形logo,而Fandom wiki則使用長方形的文字標誌(wordmark)。

Theme Designer - Logo

在新的FandomDesktop體驗中,我們將在一個新的統一格式中同時支援這兩種風格,統一稱為logo。上傳的檔案解析度將可達到500x500像素,使兩種格式都能適應並享受更高解析度螢幕的好處。在桌面上,正方形的logo將以100x100顯示(在平板電腦上為80x80)。文字標誌式的logo將繼續以250x65的尺寸顯示。

Theme-Designer-Avatar-Scroll

我們將鼓勵wiki使用正方形(頭像式)logo。正方形logo比長方形的文字標誌式logo更容易在更多的地方推廣wiki的辨識度。在讀者向下捲動條目頁面面時,方形的logo可以捲動並固定在本地導覽列裡面,在左上角展示您wiki的辨識度。而長方形的logo會占用過多的可用導航空間。當然,logo在捲動時出現在固定的導航中的這一功能是可選的。我們還有一些未來的功能正在開發中,這些功能將利用你wiki的logo這一更行動化的元素。更多資訊將在它們準備好被公開時發布。

主題的匯入流程[]

讀完這些文字之後,你可能會想,「好吧,不過過渡期的時候這些東西會如何運作呢?」CATS團隊就這一具體問題提出了許多想法。如何在過渡到新設計和新的主題設計器的同時儘可能做到無痛體驗呢?欸,他們想出的辦法相當不錯,分別為Fandom和Gamepedia wiki設計兩個流程,但也能讓兩個平台做到一樣的效果。

Fandom wiki的各位,選擇權在你們手上啦!

當您以管理員身份使用FandomDesktop時,進入主題設計器時,系統會彈出一個選擇。您可以選擇匯入現有主題,或從頭開始設計。當您選擇從頭開始設計時,您將會看到一個預製樣板,讓您探索新的主題設計器體驗,以免讓之前的主題決定影響您的第一個FandomDesktop主題設計。

Theme Designer Choice

注意: 這麼做並不會失去您現有的主題。在初期使用者自主選擇的發布階段,您也可以再次確認您確實想要匯入現有的主題,也可以從主題歷史部分取回原有主題,且主題設計器將把您的之前的Oasis主題轉換成一個新的FandomDesktop主題。對於在自主選擇發布階段沒有活躍管理員的wiki,自動匯入將在wiki完全過渡到新體驗時將傳統的Oasis主題轉換為FandomDesktop主題。

對於現有的主題匯入,主題設計器將採用先前的一些顏色邏輯,在匯入過程中檢查原有的Oasis主題,並確定該主題是淺色還是深色,並相應地儲存。同時,主題設計器將盡力為剩下的那個選項做一個適當的反色主題。例如,如果Wookieepedia匯入了他們的主題,主題設計器會將這個主題指定為淺色,然後為深色模式製作一個標準主題。就個人而言,我(MisterWoodhouse)真的很期待看到平台上各個星球大戰百科全書的不同原力光明面和黑暗面主題呢。

Gamepedia上的匯入流程

Gamepedia從來沒有過主題設計器,因為所有的Gamepedia wiki布局都是由當時Wiki經理/Wiki主管(現在的Wiki Representative)或管理員作為策劃wiki建立過程的一部分透過CSS完成的。當原本的Gamepedia wiki轉移到FandomDesktop時,最初的主題將包括原有的favicon、logo,以及預設的亮色/暗色主題,取決於原本的主題是Hydra還是HydraDark。其他的一切都將從頭重新開始。考慮到上文所提及的空白預製樣板的方法,社區體驗和社區發展團隊將為先前的Gamepedia wiki提供特別的主題支援。當我們接近發布時,我們會有更多關於這方面的資訊。

我們還會有更多關於自訂的資訊,並會為你們這些精通CSS的人提供關於檔案、值、選擇器、變量等是如何隨著FandomDesktop而改變的詳細資訊。在接近自主選擇發布階段的時候,我將很快宣布一個日期。

現在,原作者在英文網誌將一如既往地接受你們用英語書寫的問題,並盡他所能地回答你們的問題。

 


Lakejason0 avatar

Lakejason0

Lakejason0Fandom logo 2021 light font中文社群中心團隊PVT wordmark dark中文預志願團隊的成員。如果您有任何問題,請在社區論壇上提問。
Advertisement