Один из первых кроссплатформенных проектов по созданию иконок, ориентированный на китайских разработчиков
Zico — это высококачественная система для демонстрации шрифтов и SVG-иконок, цель которой — дать возможность разработчикам и пользователям свободно использовать векторные иконки на любых страницах.
С развитием компьютерных технологий в области разработки традиционных клиентских программ, мобильных приложений, публичных аккаунтов WeChat, мини-программ WeChat и веб-сайтов, всем им требуется использование иконок. Можно сказать, что интерфейс пользователя, помимо цвета и шрифта, наиболее важен именно благодаря системе иконок: хорошая иконка может сделать интерфейс понятным и повысить эффективность бизнеса.
Текущая версия: v1.9. Последнее обновление: 2020-07-12.
Как получить пакет Zico
Zico является бесплатным открытым исходным кодом. Мы предлагаем несколько удобных способов установки:
npm i zico
.
Для этого потребуется установить NodeJS на вашем компьютере. Вот краткое руководство:Использование файлов
Поскольку Zico можно использовать в различных сценариях (например, веб-разработка, приложения, мини-программы, клиенты, традиционные проекты), методы использования различаются. Здесь мы рассмотрим только пример использования в веб-проектах. Правила использования следующие:
<link rel="stylesheet" href="css/zico.min.css" >
.
Обратите внимание, что указанный выше путь к файлу должен быть доступен. Полная структура исходного кода должна выглядеть следующим образом:
css/
fonts/
Иконки для веб-приложений и мобильных страниц
Рекомендуется использовать следующий метод:
<i class="zi zi_music"></i>
.
Конечно, вы также можете использовать другие теги, такие как:
<span class="zi zi_music"></span>
,
<div class="zi zi_music"></div>
,
<p class="zi zi_music"></p>
,
<a href="#" class="zi zi_music"></a>
.
Все эти методы применимы и могут отображать результаты. Они особенно удобны для опытных веб-разработчиков, знакомых с Emmet. Вы также можете использовать сокращённую форму для быстрого применения иконок Zico:
.zi.zi_music
.
Далее мы расскажем о ряде продвинутых методов использования, включая:
Колёса
Наши предшественники говорили, что не стоит изобретать велосипед. Но что делать, если велосипеда нет? Те, кто работает ночью, стуча ногами и используя иностранные инструменты, могут достичь великих целей в развитии страны — конечно, большинство из нас — трудолюбивые китайские разработчики.
Восполнение культурных пробелов
Китай — великая страна с культурой CJK, представляющей восточную культуру. Однако в настоящее время в Интернете нет полностью китайского проекта по разработке веб-иконок (даже система ICO от Alibaba является набором работ отдельных дизайнеров). Нет возможности использовать NPM для импорта иконок или решения на основе SVG и JS. Поэтому команда Zoomla! Stroll Software, занимающаяся разработкой основных программных продуктов Китая, разработала эту систему.
Элементы китайской культуры
Чисто иностранные элементы создают множество пробелов. Например, стол восьми бессмертных, квадратный стол. Например, пампушки, миски. Например, Великая Китайская стена, полицейский участок — всего этого нет.
Наша цель — разработать набор иконок, которые одновременно уважают международную культуру и отражают красоту Востока. Используя мышление программиста, мы обслуживаем программы и полный стек, а также обычные официальные документы, искусственный интеллект и дизайн графики, поэтому у нас есть три метода использования: CSS-ссылки, JS-вывод и настольные ссылки.
Особенные иконки
Система иконок Zico также включает в себя элементы, связанные с пятьюстами ведущими китайскими компаниями, такими как Meidi, Gree и Xiaomi. Мы считаем, что известные компании должны иметь честь представлять эти элементы, и в будущем разработчики смогут легко использовать иконки известных компаний при разработке. Система поддерживает поиск пиньинь, поиск по первой букве пиньиня, поиск иероглифов и английский поиск.
Основываясь на элементах Stroll, Zico стремится изменить эту цель! Китайские технологии не должны подчиняться другим, и культура также не должна подчиняться другим.
Пять основных особенностей
Особенности наших наборов иконок включают:
Сравнение таблиц
Вы, должно быть, беспокоитесь о том, чем отличается Zico от аналогичных продуктов. Здесь мы сравниваем некоторые из наших функций с функциями других продуктов.
Эффективность сравнения
В качестве примера мы используем программное обеспечение Microsoft Visual Studio и сравниваем два состояния ввода. Zico значительно опережает в этом отношении:
Сочетание с системой управления контентом Zoomla!
Как инструмент для создания веб-иконок полного стека, интеграция с CMS имеет первостепенное значение. Zoomla! Stroll CMS — это мощная система управления контентом, построенная на платформе dotNET, которая в настоящее время занимает первое место в категории контента на китайском языке в Alexa. В отличие от большинства отечественных систем управления контентом, которые удовлетворяют только требованиям создания «мусорных» веб-сайтов, Stroll CMS ориентирована на обслуживание корпоративных продуктов, интегрируя электронную коммерцию, приложения, WeChat, OA, онлайн-группы и онлайн-формы, и является бесплатной. Благодаря передовым технологиям Microsoft, производительность Stroll CMS также впечатляет. Его база данных TB-уровня SQL SERVER сравнима с приложениями уровня Нью-Йоркской фондовой биржи. Официальный сайт Stroll CMS: [www.z01.com](http://www.z01.com «www.z01.com»). Вы можете бесплатно загрузить этот мощный и бесплатный продукт CMS для создания своих веб-, мобильных и полнофункциональных приложений.
Ссылки на метки Stroll CMS
После успешной установки Stroll CMS вам нужно только ввести метку {Z L:Boot4()/ }
в шаблон, чтобы вывести файлы Zico.
Его ссылка выглядит следующим образом:
При вставке в шаблон она будет выглядеть так:
На веб-странице она будет отображаться следующим образом:
Структура заголовка кода:
<!DOCTYPE html>
<html lang="zh-cn">
<head> **Перевод текста на русский язык:**
Каждый Zoomla! CMS от «Цзоулан» интегрирует самый актуальный исходный код zico, который стоит попробовать.
По-настоящему открытый, синхронизированный с Github и Npm, он демонстрирует творческий потенциал и продуктивность китайцев!
Мы будем благодарны за пожертвования, и мы ценим вашу поддержку.
Пожалуйста, отсканируйте QR-код выше, чтобы поддержать нас через WeChat! Если вам нужна дополнительная информация или коммерческая поддержка, пожалуйста, свяжитесь с нами здесь.
Поскольку zico — это проект с открытым исходным кодом, у нас нет прибыли, но мы искренне надеемся на вашу поддержку, для спонсоров:
Я хочу купить дом в сети & Фуцзянь Байхуэй (Китай, Вэйхай), генеральный директор Сунь www.5yaomaifang.com
Zoomla! CMS «Цзоулан»: китайская CMS-система номер один в отрасли, ориентированная на .net и Windows, для корпоративного развития, интегрирующая управление контентом, webfont, магазин, магазин, жёлтые страницы, образование, экзамены, 3D, трёхмерную панораму, смешанную реальность, CRM, ERP, OA, форумы, BBS и т. д., создавая высококлассный образец CMS в стране.
Веб-сайт: www.z01.com
Бесплатная загрузка: www.z01.com/mb
Видеоуроки: www.z01.com/mtv
Ресурсы шаблонов: www.z01.com/mb
Библиотека шрифтов Zoulang: http://f.ziti163.com
Китайская библиотека иконок zico: http://ico.z01.com
Официальные службы поддержки QQ:  
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )