Zeplin là gì

     

Với chúng ta lập trình viên trước đây khi đề xuất tập tành sử dụng photoshop giỏi sketch dường như như khá là quyết liệt và mất tương đối nhiều thời hạn cho vấn đề học các tài năng sử dụng đơn giản chúng.

Bạn đang xem: Zeplin là gì

Ví dụ đơn giản dễ dàng như tôi ước ao xuất ra 1 cái icon tôi phải chỉnh sửa đo đạc cẩn thận, nên zoom lên cực to để mang đến nó gồm thể chuẩn theo từng pixel, tuy vậy hiện tại hiện nay photoshop đã cách tân khá là nhiều, chúng ta cũng có thể xuất ngay hình ảnh trên layer mà ai đang chọn....Nhưng việc cài đặt, hay xuất hiện thêm từng màn hình hiển thị một vẫn luôn là khá mất thời hạn và công sức của chúng ta. Duy nhất là so với việc đo lường kích thước khoảng cách và color sắc

Sau quá trình làm việc, tôi được 1 bạn dev ra mắt cho công cụ cai quản kết nối giữa designer và dev. Ban sơ tôi cũng chẳng hào hứng gì cùng với nó cho lắm, cũng quan sát ngắm sơ qua. Tuy vậy trong quy trình làm việc, cái trở ngại vấp yêu cầu giữa 2 bên, việc confirm tương hỗ chỉ do 1 mẫu icon bé nhỏ tí tẹo, làm cho tôi cảm giác rất tức giận và mất thời gian. Tôi đã dành thời gian khám phá nó, Zeplin đã đem về cho tôi những ứng dụng thực sự.

Xem thêm: Yacht Là Gì - Nghĩa Của Từ Yacht

Hơn nữa nghỉ ngơi trong một công ty lớn về tối ưu phần mượt thì việc có tương đối nhiều hệ điều hành là cấp thiết tránh khỏi. Anh đồ vật hoạ thì sử dụng mac, anh backend và frontend thì dùng ubuntu, window.... Có hại ở nơi như Mac thì sở hữu được Sketch, Ubuntu thì ngoài ra không chạy được một chương trình đồ hoạ như thế nào cả, Window thì có vẻ không có chàng trai nào chịu đựng clone Sketch lại mang lại nó cả. Có vẻ như đau đầu rồi đây.

Xem thêm: Cách Tăng Lượt Xem Trên Youtube Của Bạn‌, Cách Để Tăng Lượt Xem Cho Video Youtube

Và Zeplin là máy mà hoàn toàn có thể kết nối vớ cả: Window, Ubuntu, Mac. Dù ở bất kỳ hệ quản lý nào chúng ta đều hoàn toàn có thể xem được photoshop tuyệt sketch, chúng ta có thể đo đạc hoặc xuất ảnh chỉ bằng 1 cú click chuột. Dường như nó khá thần thánh nhưng sử dụng nó thiệt sự là 1-1 giản.

Bạn gồm thế thực hiện zeplin bằng 2 biện pháp một là áp dụng trực tiếp trên web của chính nó hoặc là tải ứng dụng về chạy trực tiếp trên máy. Với tôi, thì tôi dùng thẳng ứng dụng trên đồ vật để thống trị các dự án công trình và các thông báo mới khi có cập nhập dễ dàng hơn

Đây là đường liên kết giúp bạn cài đặt zeplin

https://zeplin.io/

Sau trên đây tôi xin reviews 1 số tip dành cho các bạn design và dev

Đối cùng với Designer

Step 1:

Đối cùng với designer việc thứ nhất mà bạn phải làm là mua plugin mang lại PSD và Sketch, chỉ việc tải về cùng nó sẽ auto có trong phần mềm của bạn

Link mua plugin mang lại Sketch và Photoshop : https://zeplin.io/support.html

Step 2:

Bạn cứ design dễ chịu đi, bay đi đến ngẫu nhiên đâu bạn có nhu cầu mà các bạn hãy nhớ giúp các bạn dev 1 điểm là ở bản cuối cùng của bạn dạng thiết kế trước khi đưa lên Zeplin thì nên làm rượu cồn tác như dưới đây nhé. Việc này sẽ giúp cho các bạn code hoàn toàn có thể lấy luôn được ảnh cần thiết

Lưu ý cùng với PSD thì nên cần dùng bạn dạng mới nhất, toàn bộ các màn hình đều nên chuyển quý phái Artboard

Photoshop: Đối với tất cả các btn, xuất xắc hình ảnh... Bất cứ những gì đề xuất cắt, các bạn chọn vào layer hoặc group, tiếp đến click vào Mark as asset

*

Sketch: thì đơn giản dễ dàng hơn, chỉ cần chọn và đối tượng người tiêu dùng hoặc group với Make Exportable, lưu ý sẽ có những lựa chọn như là 1X, 2X, 3X... Cho các bạn, thường xuyên thì chúng ta nên lựa chọn hết khiến cho bên dev rất có thể sử dụng toàn bộ các định dạng

*

Step 3:

Đẩy Project lên Zeplin

Đối với tất cả Sketch cùng Photoshop ta đều bắt buộc chọn Artboard trước tiếp đến vào plugin như step 1 và lựa chọn đẩy, bạn cứ làm đi các bạn sẽ thấy ^^

Photoshop:

*

Sketch:

*

Đối với Developer

Thì thật đối kháng giản các bạn chỉ câu hỏi cài đặt, được mời vào dự án và sử dụng thôi :v

Click đúp chuột vào màn hình mà bạn đang làmDi chuột vào các vùng trên màn hình hiển thị để xem khoảng cách giữa những đối tượngChọn vào text để xem được font family, font size, color sắc... Rất nhiều thuộc tính hiển thị nghỉ ngơi cột bên nên của màn hìnhChọn vào các đối tượng người sử dụng khác để đưa màu sắc, tải hình ảnh về cùng dùng

*

Và nhất là Zeplin chỉ cho chính mình dùng không tính tiền 2 dự án, buộc phải nếu được hãy dỗ ngon dỗ ngọt sếp của bạn mua nó nhé, đỡ nên mất công thay hàng loạt máy thuộc hệ điều hành và quản lý cho nhân viên, cũng không phải tốn thêm chi phí mua bản quyền download các ứng dụng đồ hoạ mang đến dev được đà thì còn gì khác bằng đề nghị không làm sao (hihi)