[問題] 幾個UI方面的問題

作者: fkc (Mr. 男子漢)   2019-12-08 03:33:35
各位板上的前輩大家好
小弟目前的職務內容,有一部分是在協調美工設計和 Android PG 的工作
但小弟不是這兩個相關工作內容出身
因此,之前有個案子,在 UI 方面浪費了許多時間,後續的維護性也不好
深感自己能力不足,所以來請教
───────────────────────────────────────
稍微提一下之前遇到的困難;再請各位前輩指導、分享點經驗
1. 老闆說:『要在手機和平板上做app。首先,呈現一個主頁。』
好,我去請美工去設計版面
美工問「給手機/平板用的整個板型要開多少長寬去設計? 解析度開多少?」
........該怎麼回答?
用螢幕比例請他設計版面? 16:9 ? 18.5:9 ?
解析度選 1px = 1dp 的mdpi(320x480) ? 1280x720 ?
美工那邊平時設計則是習慣解析度開到高解析度在畫圖。1920x1080 ?
之前案子硬體有先定規格,版面比例、解析度還能先抓個大概
但往後如果要遇到硬體不一定的情況,app 絕對需要比較完善的規劃方式
我該怎麼安排,美工會比較好設計,也方便後面接手的 PG 拉 UI?
2.老闆說:『我要在主頁上看到Logo!要很清晰醒目!占頁面的三分之一!』
嗯,我想 PG 應該需要不同大小比例的 Logo 圖去放drawable(mdpi、hdpi、xhdpi....)
所以我去找美工,美工問我「好,所以Logo要多大(單位:pixel)?」
我只知道圖檔在drawable(mdpi、hdpi、xhdpi)之間的比例關係
這個"多大?"該怎麼回答?
是不是跟問題1.提到的版面也有關係?
3. 老闆說:『我要在手機上,看到一張100題的選擇題考卷!』
選擇題:
─ 每一題題目的描述內容和描述方式不盡相同
─ 每一題選項的排列方式也有差異
類似學科考試的考卷 https://i.imgur.com/wG0qYmB.png
之前 PG 是每一題用 Linearlayout 去包
再用View的 layout_weight 去分配文字描述或選項的版面
之後再用 ScrollView 一題一題慢慢堆起來
但是遇到了問題......
首先, 用layout_weight分配的版面
在某些手機上,雖然 view 彼此的比例正確,但文字超出版面之外了
設定文字的大小也要隨著解析度改變嗎?
另一個,有使用者習慣在手機的系統設定中,去把顯示的字體預設改成特大
設定特大就造成原本顯示正常的文字超出版面
這個該怎麼解決?
4. 老闆:『選擇題某幾題要修改描述方式、更改選項』
因為每一題都是Linearlayout 和 layout_weight去包裹、排列
所以要中途若修改內容,甚至更動到版面,就變得極其麻煩
整個維護性變得很差
請問有比較好的設計方式嗎?
───────────────────────────────────────
~以上
大概就是之前遇到的問題
抱歉,問的方式很外行
小弟 Android 只懂些皮毛
但還是希望能提供完善的工作支援給 PG 和其他同仁
在此就煩請各位前輩指導、分享點經驗
感謝
作者: uukoQAQ (uuko)   2019-12-10 10:26:00
根據螢幕dpi去調整 叫他抓螢幕大小三分之一3應該是他沒包好的問題 我猜textviewlayoutwidth設0dp看看?
作者: kobe8112 (小B)   2019-12-10 10:49:00
嗯...幾乎是商業入門/業餘進階普遍會遇到的問題我覺得若不想花錢求助專業,叫他爬stackoverflow最快討厭英文的話,CSDN也不少有參考價值的文,只是較需過濾
作者: y3k (激流を制するは静水)   2019-12-11 09:29:00
你這些問題 就是要把layout各個規格一個一個設計而已不是嗎字形大小的問題 可以用dp取代sp去設定
作者: fkc (Mr. 男子漢)   2019-12-12 20:39:00
原來如此 謝謝各位

Links booklink

Contact Us: admin [ a t ] ucptt.com