ZEPLIN LÀ GÌ

  -  

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

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

Ví dụ dễ dàng và đơn giản như tôi mong xuất ra 1 dòng icon tôi phải căn chỉnh đo đạc cẩn thận, cần zoom lên cực lớn để cho nó có thể chuẩn theo từng pixel, mặc dù hiện tại hiện nay photoshop đã đổi mới khá là nhiều, bạn cũng có thể xuất ngay hình ảnh trên layer mà bạn đang chọn....Nhưng việc cài đặt, hay mở ra từng màn hình một vẫn là khá mất thời hạn và công sức của chúng ta. Nhất là đối với việc đo đạc kích thước khoảng cách và color sắc

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

Xem thêm: Ma Trận Chéo Hóa Ma Trận Là Gì, Vấn Đề Chéo Hoá Ma Trận

Hơn nữa làm việc trong một tập đoàn về gia công phần mềm thì việc có nhiều hệ quản lý và điều hành là cấp thiết tránh khỏi. Anh đồ dùng hoạ thì dùng mac, anh backend với frontend thì sử dụng ubuntu, window.... ăn hại ở địa điểm như Mac thì sở hữu được Sketch, Ubuntu thì trong khi 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 clone Sketch lại cho nó cả. Có vẻ như đau đầu rồi đây.

Xem thêm: Sai Lầm Trong Quản Lý Vốn Lưu Động Là Gì? Vốn Lưu Động Là Gì

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

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

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

https://zeplin.io/

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

Đối với Designer

Step 1:

Đối với designer việc trước tiên mà bạn phải làm là sở hữu plugin cho PSD và Sketch, chỉ bài toán tải về với nó sẽ tự động hóa có trong ứng dụng của bạn

Link thiết lập plugin mang lại Sketch với Photoshop : https://zeplin.io/support.html

Step 2:

Bạn cứ design thoải mái và dễ chịu đi, bay đi đến bất kỳ đâ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 thiết kế trước khi đưa lên Zeplin thì nên làm đụng tác như tiếp sau đây nhé. Vấn đề này để giúp cho chúng ta code rất có thể lấy luôn luôn được ảnh cần thiết

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

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

*

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

*

Step 3:

Đẩy Project lên Zeplin

Đối đối với cả Sketch với Photoshop ta đều bắt buộc chọn Artboard trước sau đó vào plugin như step 1 và 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ỉ việc cài đặt, được mời vào dự án công trình và sử dụng thôi :v

Click đúp con chuột vào màn hình mà bạn đang làmDi chuột vào những vùng trên màn hình để xem khoảng cách giữa những đối tượngChọn vào text để thấy được fonts family, font size, màu sắc sắc... Không hề ít thuộc tính hiển thị sống cột bên phải 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ề với dùng

*

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