Ⅰ 有哪些堪稱神器,卻鮮為人知的網站
既然是鮮為人知的神器,那肯定是要選擇知名度不是那麼高的,但是使用體驗卻非常好的平台,當然這樣的平台很多,但是太多了找起來是不是很不方便?所以我給大家推薦的都是實用性超高的導航網站,各種各樣的有價值的干貨導航!
1.科技網站大全-科技海-科技網址導航-產品經理網址
【這個網站幾乎囊括了所有和科技相關的網站,無論是創業,投資,產品學習應有盡有】
Ⅱ 產品筆記一:使用axure8.1製作手機app底部導航欄效果
使用工具:Axure pr 8.1版本。
製作效果如下圖:選中任意tab切換到對應界面,以及選中狀態的改變。
作為一名初學者,元件的組合選中以及拖動,動態面板的使用,中間還是有幾個細節需要注意的,筆者初學自己研究了好久,網路並沒有用,也許是關鍵詞不合適,總找不到合適的答案。好,廢話不多說,下面開始操作步驟。
1.1、創建導航欄母版,axure界面左側底部母版欄,點擊加號創建一個母版並命名。
1.2、雙擊母版,進入母版編輯頁面。在這里進行那些拖動等操作啦。
2.1、我們觀察到導航欄總共5個tab組成,每個tab里有兩個元素一張圖片,一個文本標簽。但是為了可以方便的設置寬高調整距離均分屏幕並且組合拖動設置點擊狀態等,我們將圖片和文本放到一個矩形框里。
2.2、拖動一個矩形到界面上,拖動一張圖片原件,一個文本標簽元件。如下圖,調整大小樣式等。
2.3、要想整體拖動這三個元件,那麼就要將這三個元件組合在一起。按住command鍵(我用的mac),選中矩形,圖片,文本標簽 右鍵-->點擊組合,即可將是哪個元件組合在一起。
2.4、點擊組合元件右鍵-->轉換為動態面板。雙擊它,會彈出下面的彈窗,輸入動態面板名稱。添加狀態:選中以及未選中兩個狀態。你可以先添加選中,然後雙擊選中狀態進入編輯選中狀態頁面,添加選中時的圖片,文字以及文字顏色等。然後回到動態面板點擊加號旁邊的復制可以復制選中的狀態,並命名為未選中,雙擊未選中去修改里邊的圖片以及文字顏色等即可。這樣間距之類的就不用去重復設置了。
2.5、其他四個tab只要復制第一個創建編輯好的動態面板去修改里邊的狀態的圖片和文字就好了,就不用重復創建了。
2.6、拖動到底部導航欄矩形內部調整好間距均分屏幕。
3.1、給每個tab點擊時要進入對應的頁面,那麼我們在下圖中添加5個對應的頁面。
3.2、選中第一個tab,在左側首頁屬性,點擊滑鼠單擊時。如下圖:
點擊鏈接,打開鏈接,當前窗口,點擊首頁,確定。
3.4、至此底部導航欄母版製作完畢。然後最後一步,將母版應用在各個頁面上。點擊右側底部導航欄,右鍵-->選擇將母版添加到頁面中。選擇全部全部頁面即可。
點擊首頁Tab,選中首頁時,其他tab的狀態需要變成未選中。這個是如何改變呢?通過頁面載入時,設置各個tab的狀態
4.1、比如點擊找車頁面,右側屬性,點擊頁面載入時。如下圖:
4.2、雙擊頁面載入時,彈窗,選擇設置面板狀態,找車選擇選中狀態,其他選擇未選中狀態。其他tab相同設置。如下圖:
至此,所有步驟完成。
發布預覽一下就可以了。
Ⅲ app界面設計尺寸規范大全
原型設計尺寸
☆ 狀態欄(status bar):就是電量條,其高度為:20px;
☆ 導航欄(navigation):就是頂部導航,有線其高度為:45px;沒有線高度就是44px;
☆ 主菜單欄(submenu,tab):就是標簽欄,底部導航,其高度為:46px;
☆ 信號格:5 * 5
☆ wifi 圖片:11 * 9
☆ 鎖:11 * 11
☆ 導航:8 * 8
☆ 電量:22 * 9
☆ 閃電:5 * 8
☆ 狀態欄中的文字:10px
☆ 頂部導航欄的圖標尺寸為16x16px左右,底部標簽欄的圖標尺寸為23 x 23px左右。
☆ 導航欄的文字大小最大值是14px,底部標簽欄的圖標下方的文字大小為10px。
☆ 內容區域的文字大小是:10px, 12px,14px,16px。鋒者賀
① 文字黑色:#282828
② 文字深灰色:#656565
③ 文字淺灰色:#989898
④ 邊框淺灰色:#C3C3C3
⑤ 背景淡灰色:#f2f2f2
⑥ 按鈕背景純白色:#ffffff
A、疏遠距離:比如,所有元素距離手機屏幕最左邊的距離。
B、親密距離:比如,左邊圖標與右邊文字之間的距離。
1、iPhone6手機模型尺寸:429x881px
2、界面尺寸布局:滿屏銀派尺寸375x667px
3、高度電量條高度20px,導航欄高度44px,標簽欄高度46px;
4、各區域圖標大小導航欄圖標16px,底部標簽欄圖標23px;
5、各區域文字大小電量條-文字10px,導航欄-文字14px,標簽欄-文字嫌閉10px;
6、常用的文字大小:16px,14px,12px,10px;
7、常用的顏色:背景淺灰色:#f2f2f2, 文字深黑色: #323232,邊框色深灰:#CCCCCC;
8、常用可點擊區域的高度(比如搜索區域):28px;
9、單行文字的背景框的高度:44px,雙行則為:88px,三行則為:132px;
10、常用間距:親密距離:10px;疏遠距離:15px,其它距離:5px,22px等;