Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.

  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

Khi tạo lưới làm website theo boottrap (chuẩn cả trên mobile) nên chọn 1200 or 1170

Chủ đề thuộc danh mục 'Hỏi đáp - Thảo luận về web' được đăng bởi DzungDG, 14/11/15.

Lượt xem: 6,964

  1. DzungDG Thành viên cấp 1

    Mỗi khi tạo giao diện web thì mình hay làm như vầy :
    1. tạo file 1040 x heght (do pading 2 bên đầu 15px)
    2. sau đó tạo lưới 12 cột khoảng cách 30px (PTS nó sẽ tạo các lưới từ giữa ra) tính cả pading nữa thì là 1070 có lẻ nửa px
    3. thiết kế theo lưới đã dựng

    Nhưng!

    khi tải giao diện nước ngoài về hoặc là vào một vài trang chia sẻ "grid for webdesign" - sợt gu gồ thì kết quả đều là 1200px
    Hoặc tải vài giao diện từ themefores
    Vậy thì người nông dân biết phải làm sao ?
    Ai hay thiết kế giao diện web xin giúp mình trả lời câu hỏi này. Nếu có tài liệu thì xin luôn. Thank bro

    ...

    Xem thêm các chủ đề cùng chuyên mục

    Facebook Group Việt Designer
    Tham gia nhóm
    Facebook Fanpage Việt Designer
    Thích trang
    DzungDG, 14/11/15
    #1
  2. Medic

    Medic Thành viên cấp 2

    Thường thì 1170px là khu vực hiển thị của website nếu làm demo responsive (12 cột) cho desktop, 1024 với 960 là chuẩn cũ rồi.
    xeNgyEF.jpg
    Medic, 14/11/15
    #2
    DzungDG thích bài viết này
  3. ducnguyentb1209

    ducnguyentb1209 Mới đăng kí

    Chuẩn đấy bây giờ người ta dùng boottrap để làm. Bây giờ sử dụng lưới là 1170 nhé bạn!
    ducnguyentb1209, 15/11/15
    #3
    DzungDG thích bài viết này
  4. Boo Mina

    Boo Mina Thành viên cấp 1

    vậy cứ design web là sẽ design trên lưới boostrap 1170 hả mn :D ?
    grid 960 là k xài đc nữa ha ????
    Boo Mina, 11/12/15
    #4
  5. coids

    coids Thành viên cấp 2

    Dùng lưới 1170px cho dễ căn chỉnh, còn 1200 thực ra là 2 bên nó lòi ra mỗi bên 15px để khi bạn làm 3, 4, 6 cột sát nhau thì dễ chỉnh đều hơn. Lúc lên css nó cũng set theo colums hết mà.
    Làm 1 file width 1920px (full HD) với phần nội dung 1170 chia 12 cột ở giữa là ok.
    coids, 11/12/15
    #5
  6. lylymeow

    lylymeow Thành viên cấp 2

    grid 960 xài thì vẫn được thôi, nhưng trending đó kiểu như hết thời rồi, không phù hợp nên người ta không dùng nữa. giờ dùng grid 1170 là chính.
    lylymeow, 11/12/15
    #6
    DzungDG thích bài viết này
  7. DzungDG

    DzungDG Thành viên cấp 1

    lylymeow vậy khi padding 2 bển ngoài cùng mỗi bên 15 đúng ko bạn ?
    DzungDG, 17/12/15
    #7
  8. ducuong233

    ducuong233 Thành viên cấp 4

    Như này là sao nhỉ các bạn ?
    Làm cách nào để chia theo đúng số px vậy ? Có cách nào khác ngoài việc kéo đường chỉ từ thanh Rule bên cạnh không ?

    QQJar7z.png
    ducuong233, 17/12/15
    #8
  9. ToiHocDoHoa.com

    ToiHocDoHoa.com Thành viên cấp 3

    ToiHocDoHoa.com, 17/12/15
    #9
    ducuong233 thích bài viết này
  10. ducuong233

    ducuong233 Thành viên cấp 4

    Sorry đã tự tìm được :D
    ducuong233, 17/12/15
    #10
    DzungDG thích bài viết này
  11. DzungDG

    DzungDG Thành viên cấp 1

    có cách mà...nhưng mình chưa tìm ra :D
    DzungDG, 17/12/15
    #11
  12. DzungDG

    DzungDG Thành viên cấp 1

    đúng rồi mình cũng hay làm cách này. tạo file chiều ngang 1140 rồi tạo grid form layout chỉnh 12 cột và 30px thế là xong :)
    DzungDG, 17/12/15
    #12
  13. Haibongbi

    Haibongbi Mới đăng kí

    chọn 1170 bạn nhé
    Haibongbi, 17/12/15
    #13
    DzungDG thích bài viết này
  14. lylymeow

    lylymeow Thành viên cấp 2

    DzungDG mình dùng 1170, không quan tâm padding 2 bên :D.
    lylymeow, 17/12/15
    #14
    DzungDG thích bài viết này
  15. ToiHocDoHoa.com

    ToiHocDoHoa.com Thành viên cấp 3

    ducuong233 cái bạn gửi là cái template chỉ dùng cho bootstrap thôi
    ToiHocDoHoa.com, 17/12/15
    #15
  16. DzungDG

    DzungDG Thành viên cấp 1

    lylymeow ko padding hình như không đúng boottrap
    DzungDG, 18/12/15
    #16
  17. lylymeow

    lylymeow Thành viên cấp 2

    đúng là nó có padding mỗi bên 15px, 2 bên 30px, nhưng mà mình vẫn thường làm full ra 2 bên 1170 luôn chứ ko tính padding bóp vào thành 1140.
    Còn vấn đề thì cứ tham khảo vs đội dev thôi.
    Ngoài ra thì trending hiện nay đang là minimalist có border bo ngoài và sử dụng mini icons. Như cái này thì ko sử dụng grid bootstrap.
    lylymeow, 18/12/15
    #17
  18. Boo Mina

    Boo Mina Thành viên cấp 1

    lylymeow "minimalist có border bo ngoài và sử dụng mini icons. Như cái này thì ko sử dụng grid bootstrap" b có thể giải thích thêm cho mình về phần này đc k ? m chưa hiểu lắm :-/
    Boo Mina, 18/12/15
    #18
  19. lylymeow

    lylymeow Thành viên cấp 2

    lylymeow, 18/12/15
    #19
  20. lylymeow

    lylymeow Thành viên cấp 2

    ví dụ như hình trang web này (nó có border trắng 50px 2 bên) :

    zPTmjoH.jpg
    lylymeow, 19/12/15
    #20

Ủng hộ diễn đàn