Tôi sẽ bắt đầu bằng cách nói điều gì đó mà nhiều người có thể biết ... nhưng điều đó không quan trọng: HTML5 + CSS3 + JS ... chỉ hoàn hảo thôi 🙂
Một người dùng đã viết cho tôi một email hỏi tôi về một hướng dẫn để anh ta tạo ra các biểu tượng phẳng, những biểu tượng phẳng và đó là mốt mới trên web. Đặc biệt muốn bởi Inkscape o dây câu cá nút kiểu trò chuyện hoặc thứ gì đó sẽ phân phát (hoặc tham chiếu) Snapchat.
Vì tôi rất tệ với Inkscape và cả việc tạo nội dung từ đầu ngay cả với Gimp cũng tệ ... Tôi nhớ rằng cách đây một thời gian tôi đã thấy một ứng dụng web nhỏ (một index.html với một số css và js) cho phép chúng tôi dễ dàng và nhanh chóng tạo ra các biểu tượng phẳng trong thời trang hiện tại, bạn biết đấy, Thiết kế phẳng.
Trình tạo biểu tượng phẳng
Nó có một loạt các biểu tượng được xác định trước, ví dụ như biểu tượng Máy tính xách tay, thiết bị di động (biểu tượng tôi hiển thị trong ảnh chụp màn hình), quà tặng, xe đạp ... uff, chúng có khá nhiều, thực sự rất đa dạng:
Nhưng nó không phải là vấn đề chỉ đặt biểu tượng và bây giờ ... chúng ta có thể xác định kích thước của biểu tượng hoặc kích thước của hình ảnh như vậy (biểu tượng + nền) bằng hai thanh ngang. Rõ ràng là chúng ta thấy kích thước hình vuông tính bằng pixel… 256… 512… vv
Tùy chọn tiếp theo cho phép chúng ta chọn màu của nền cũng như màu của biểu tượng. Theo mặc định, biểu tượng có màu trắng và nền là màu xanh để không bị đụng hàng nhiều.
Cuối cùng, trong thanh đó ở bên trái các tùy chọn, nó cho phép chúng tôi xác định xem đường viền của biểu tượng là hình vuông hay mặt khác, chúng tôi muốn kết quả cuối cùng là hình tròn.
Tôi để lại cho bạn một ảnh chụp màn hình của các tùy chọn này:
Mặt khác, ở phần trên, nó cho chúng ta thấy thông tin của biểu tượng đang được tạo và thay đổi theo thời gian thực. Đó là, nếu bạn thử với các kích thước và màu sắc, bạn sẽ thấy rằng thông tin này luôn thay đổi theo thời gian thực:
Như bạn có thể thấy, chúng tôi cũng có một nút Nhận biểu tượng, điều này sẽ hiển thị cho chúng ta biểu tượng đã được tạo trong PNG trong một tab khác, trong đó chúng ta có thể Nhấp chuột phải + Lưu và thế là xong, chúng ta sẽ có biểu tượng phẳng mà chúng ta tạo trong thư mục mong muốn trên máy tính của mình.
Tải xuống Trình tạo biểu tượng phẳng
Nếu bạn muốn tự mình thử nó (mà tôi tưởng tượng là vậy haha), đây là liên kết:
Với điều này, tôi hy vọng sẽ tuân thủ những gì người dùng yêu cầu tôi qua email, mặc dù đây không phải là hướng dẫn tạo nút bằng Gimp hoặc Inkscape, tôi vẫn tưởng tượng rằng nó sẽ phục vụ những gì bạn muốn. Trên thực tế, bạn không thể chỉ tạo nút cho liên kết từ tải xuống snapchat, nhưng nó thậm chí có thể tạo ra phần lớn các biểu tượng hoặc nút cho trang web của bạn hoặc bất cứ điều gì bạn đang làm 😀
Xin chào và tôi hy vọng bạn đã tìm thấy nó thú vị.
Tôi không hiểu làm thế nào để sử dụng nó pueden Bạn chỉ có thể thực hiện các tùy chọn biểu tượng mà nó cung cấp?
Nó rất tốt, tôi viết liên kết.
Tôi thường sử dụng IcoMoon App (https://icomoon.io/app/#/select) cũng khá thú vị và rất đầy đủ; mặc dù tôi không biết liệu nó có chính xác như những gì mà bài viết đề cập đến hay không.
Chúc mừng.
Tôi thích ý tưởng tùy chỉnh các biểu tượng, tôi thích các liên kết (của bạn và người dùng Percaff_TI99). Tôi sẽ lưu chúng vào mục yêu thích của tôi 😀
Các đề xuất thú vị, mặc dù tôi đã thích sử dụng Inkscape hơn vì việc tạo các biểu tượng phẳng dễ dàng như thế nào (trên thực tế, nó thực tế hơn một trình chỉnh sửa vectơ khác mà tôi đã sử dụng, mặc dù tôi chưa quen với việc tạo đồ họa vector nâng cao hơn với ứng dụng đó).
Rất thiết thực và dễ sử dụng. Bạn cũng có thể đáp ứng những nhu cầu đó bằng cách sử dụng Font Awesome: http://fortawesome.github.io/Font-Awesome/
Cám ơn vì đã chia sẻ! đó 🙂
Đi mà thú vị chắc chắn nó sẽ phục vụ cho nhiều dự án. Tôi đã tự hỏi một ứng dụng web là như thế nào, nó có thể được chuyển cho hệ điều hành firefox không? Tạo một ứng dụng web bằng lối tắt trực tiếp hoặc tương tự để sử dụng nó? Xin lỗi, tôi không biết tại sao tôi hỏi.
Bây giờ chúng ta đã đến Giáng sinh, nhiều bậc cha mẹ sẽ cho con cái của họ một chiếc điện thoại thông minh dành cho các vị vua. Một trong những điều đầu tiên bạn sẽ làm với các thiết bị này là gì? Không nghi ngờ gì nữa, một trong số họ, nếu không phải là người đầu tiên, sẽ tải xuống snapchat và một trong số họ sẽ là mô tả của whatsapp. Vì đây là những ứng dụng miễn phí nên hầu hết thanh thiếu niên đều có chúng trên điện thoại của họ.
Tôi nghĩ rằng một trong những nguyên nhân thành công của các ứng dụng kiểu snapchat là ở chỗ đầu tiên chúng miễn phí, mặt khác, thời trang đã được tạo ra để gửi hình ảnh của hầu hết mọi thứ được thực hiện suốt cả ngày và cuối cùng. bởi vì nó là về một ứng dụng rất dễ sử dụng
Thông minh! Trang web này đã giúp tôi rất nhiều trong quá trình tạo logo cho trang web mới của tôi trên snapchat, trùng khớp với người dùng thực hiện truy vấn. Tôi gửi cho bạn một cái ôm từ Paraguay, trang web rất tốt 😉 Xin chào.