zeplin là gì

Với chúng ta thiết kế viên trước đó khi nên tập dượt tành dùng photoshop hoặc sketch có vẻ như như khá là kinh khủng và tổn thất kha khá nhiều thời hạn mang lại việc học tập những tài năng dùng giản dị bọn chúng.

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

Ví dụ giản dị như tôi mong muốn xuất rời khỏi 1 khuôn mẫu icon tôi nên chỉnh sửa đo lường cẩn trọng, nên zoom lên cực to làm cho nó hoàn toàn có thể chuẩn chỉnh bám theo từng px, tuy vậy thời điểm hiện tại lúc này photoshop vẫn nâng cấp khá là nhiều, bạn cũng có thể xuất tức thì hình ảnh bên trên layer tuy nhiên chúng ta đang được lựa chọn.... Nhưng việc setup, hoặc ngỏ rời khỏi từng screen một vẫn chính là khá tổn thất thời hạn và công sức của con người của tất cả chúng ta. Nhất là so với việc đo lường độ dài rộng khoảng cách và màu sắc sắc

Sau quy trình thao tác làm việc, tôi được một chúng ta dev ra mắt mang lại khí cụ quản lý và vận hành liên kết đằm thắm designer và dev. Ban đầu tôi cũng chẳng hào hứng gì với nó mang lại lắm, cũng nom nhìn sơ qua chuyện. Nhưng nhập quy trình thao tác làm việc, khuôn mẫu trở ngại vấp váp nên đằm thắm hai bên, việc confirm hỗ tương chỉ vì như thế 1 khuôn mẫu icon bé bỏng tí tẹo, thực hiện tôi cảm nhận thấy cực kỳ không dễ chịu và tổn thất thời hạn. Tôi vẫn dành riêng thời hạn thám thính hiểu nó, Zeplin vẫn đem đến mang lại tôi những tiện lợi thực sự.

Hơn nữa ở nhập một tập đoàn về gia công ứng dụng thì việc có không ít hệ quản lý điều hành là ko thể rời ngoài. Anh đồ vật hoạ thì người sử dụng mac, anh backend và frontend thì người sử dụng ubuntu, window.... Bất lợi ở phần như Mac thì cài đặt được Sketch, Ubuntu thì nhịn nhường như ko chạy được một lịch trình đồ vật hoạ nào là cả, Window thì có vẻ như không tồn tại chàng trai nào là chịu đựng clone Sketch lại mang lại nó cả. Có vẻ hiện tượng đau đầu rồi phía trên.

Và Zeplin là loại tuy nhiên hoàn toàn có thể liên kết vớ cả: Window, Ubuntu, Mac. Dù ở ngẫu nhiên hệ quản lý điều hành nào là chúng ta đều hoàn toàn có thể coi được photoshop hoặc sketch, bạn cũng có thể đo lường hoặc xuất hình ảnh chỉ bởi vì 1 cú click con chuột. Có vẻ nó khá thần thánh tuy nhiên người sử dụng nó thiệt sự là giản dị.

Bạn sở hữu thế dùng zeplin bởi vì 2 cơ hội một là dùng thẳng bên trên trang web của chính nó hoặc là vận chuyển phần mềm về chạy thẳng bên trên máy. Với tôi, thì tôi người sử dụng trực tiếp phần mềm bên trên máy nhằm quản lý và vận hành những dự án công trình và những thông tin mới mẻ khi sở hữu cập nhập đơn giản dễ dàng hơn

Đây là lối liên kết giúp đỡ bạn setup zeplin

https://zeplin.io/

Sau phía trên tôi van nài ra mắt một số ít tip giành riêng cho chúng ta design và dev

Đối với Designer

Step 1:

Đối với designer việc thứ nhất tuy nhiên bạn phải thực hiện là vận chuyển plugin mang lại PSD và Sketch, chỉ việc vận chuyển về và nó sẽ bị tự động hóa sở hữu nhập ứng dụng của bạn

Link vận chuyển plugin mang lại Sketch và Photoshop : https://zeplin.io/support.html

Step 2:

Bạn cứ design tự do thoải mái lên đường, cất cánh tiếp cận ngẫu nhiên đâu bạn thích tuy nhiên các bạn hãy lưu giữ canh ty chúng ta dev 1 điều là ở bạn dạng sau cùng của bạn dạng kiến thiết trước lúc đưa lên Zeplin thì nên thực hiện động tác như sau đây nhé. Việc này sẽ hỗ trợ mang lại chúng ta code hoàn toàn có thể lấy luôn luôn được hình ảnh cần thiết thiết

Xem thêm: acca là gì

Lưu ý với PSD thì nên người sử dụng bạn dạng tiên tiến nhất, toàn bộ những screen đều nên đem thanh lịch Artboard

1. Photoshop: Đối với toàn bộ những btn, hoặc hình hình ảnh... bất kể những gì cần phải cắt, chúng ta lựa chọn nhập layer hoặc group, tiếp sau đó click nhập Mark as asset

2. Sketch: thì giản dị rộng lớn, chỉ việc lựa chọn và đối tượng người sử dụng hoặc group và Make Exportable, chú ý sẽ sở hữu những lựa lựa chọn như thể 1X, 2X, 3X... mang lại chúng ta, thông thường thì chúng ta nên lựa chọn không còn làm cho mặt mũi dev hoàn toàn có thể dùng toàn bộ những quyết định dạng

Step 3:

Đẩy Project lên Zeplin

Đối đối với tất cả Sketch và Photoshop tớ đều nên lựa chọn Artboard trước tiếp sau đó nhập plugin như step 1 và lựa chọn đẩy, chúng ta cứ thực hiện lên đường các bạn sẽ thấy ^^

Photoshop:

Sketch:

Đối với Developer

Thì thiệt giản dị chúng ta chỉ việc setup, được chào nhập dự án công trình và người sử dụng thôi :v

1. Click lưu ban con chuột nhập screen tuy nhiên chúng ta đang được làm
2. Di con chuột nhập những vùng bên trên screen nhằm coi khoảng cách trong những đối tượng
3. Chọn nhập text nhằm coi được phông family, phông size, sắc tố... thật nhiều tính chất hiển thị ở cột ở bên phải của mùng hình
4. Chọn nhập những đối tượng người sử dụng không giống nhằm lấy sắc tố, vận chuyển hình ảnh về và dùng

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

Xem thêm: adsl là gì