Вы помните, когда Google Docs назывался Writerly? Да, это было давно, но с тех пор Google Docs превратился из простого текстового процессора в мощный инструмент для создания творческих и эстетичных Google Docs.
Google постоянно добавляет новые функции в свой набор текстовых редакторов, который также состоит из таблиц, слайдов, форм, рисунков Google и сценариев приложений. Это превращает его в профессиональный инструмент, который может конкурировать с лучшими программами обработки текста.
Фактически, с помощью надстроек и шаблонов вы можете превратить свой пакет Документов Google в мощный центр. Если вам было интересно, как сделать скучные старые Документы Google красивыми, вот несколько уловок и советов, которые помогут вам создать симпатичные Документы Google.
1. Стили абзаца +
Если вы раньше печатали большой документ, то знаете, как важно иметь заголовки, чтобы разбивать вещи на части. Paragraph Styles + дает вам возможность создавать собственные заголовки вне встроенных в программу инструментов редактирования.
КРАСИВЫЙ ДИЗАЙН PYTHON ПРИЛОЖЕНИЯ при помощи библиотеки CUSTOMTKINTER
Если вы обнаружите, что смотрите на большой кусок текста и задаетесь вопросом, как сделать ваши Google Документы более эстетичными? Тогда Paragraph Styles + – простой ответ.
Вы больше не ограничены размером заголовка программы. При использовании стилей абзацев + вы можете указать, какой шрифт, размер, стиль и формат вы предпочитаете при оформлении документа Google. Вы также можете сохранить несколько стилей.
Чтобы получить доступ к сохраненному стилю заголовка:
- Выделите текст.
- Откройте боковую панель, перейдя в Надстройки> Стиль абзаца + .
- Щелкните нужный заголовок .
Paragraph Styles + также позволяет создавать оглавление для мегапроекта, над которым вы работали.
2. Диаграммы Lucidchart
Lucidchart Diagrams – одно из самых популярных приложений, доступных для Google Docs. Это невероятно глубокий инструмент для создания, который позволяет создавать диаграммы и диаграммы для украшения вашего документа Google .
Если вы пытаетесь делать красивые заметки в документах Google, то этот инструмент для вас. Создав схему, вы можете вставить ее прямо в документ, а также поделиться ею.
Приложение состоит из двух уровней. Есть бесплатная учетная запись, которую вы можете опробовать неограниченное количество времени с ограниченными функциями. Вы также можете воспользоваться одним из платных вариантов , который предоставит доступ ко всем функциям.
3. Перевести
Теперь этот, который мы очень любим. Хотя наш сайт основан на английском языке, наши писатели (и читатели) приезжают со всего мира. Удобно, когда Google Translate находится в углу вашего творческого Google Doc.
Чтобы это работало:
- Выделите текст в документе, который хотите перевести.
- Перейдите в Инструменты в строке меню.
- Выберите «Перевести документ» и выберите язык .
Затем Google Docs скопирует ваш документ на выбранном вами языке – отлично!
Красивый код на Python #айти #shorts
Если вам не нужен полностью дублированный документ, попробуйте установить Docs Paragraph Translate из Google Workspace Marketplace.
4. MindMeister
MindMeister предназначен для поклонников интеллект-карт. Это довольно простой в использовании и отличный способ создать красивый документ Google, особенно если вы визуально ориентируетесь. Чтобы составить карту разума, выделите маркированный список. Щелкните надстройку MindMeister .
Когда вы нажимаете на нее, MindMeister превратит ваши маркеры в карту разума. Это простой способ украсить ваш документ Google, а также упростить информацию в нем. Это также один из лучших инструментов, когда дело доходит до мозгового штурма проекта.
5. Изменить регистр
Вы когда-нибудь получали документ, в котором было слишком много прописных или строчных слов в неправильных местах? Что, если бы этот документ был большим, и вам приходилось выбирать его для отдельных случаев, когда грамматика пошла не так?
Не волнуйтесь. Изменить регистр здесь.
Change Case – это несложное дополнение без излишеств, которое невероятно полезно, когда дело доходит до обработки текста. Выделив текст, который необходимо исправить, и щелкнув « Надстройки»> «Изменить регистр» , вы можете изменить регистр на свой предпочтительный стиль. Несколько кликов – и все исправлено.
Если вы не заинтересованы в загрузке Change Case, вы можете узнать, как изменить шрифты по умолчанию в Документах Google , а также для начала.
6. Удалите разрывы строк.
Нет ничего более неприятного, чем копирование и вставка из одного документа в другой только для того, чтобы увидеть все ошибки форматирования. PDF-файлы печально известны этим; когда вы переносите идеально отформатированный документ в Word, он обычно рассыпается, как выстрел из дробовика.
Восстановить эти абзацы, чтобы ваш документ Google выглядел хорошо, – трудоемкая задача. Однако с помощью удаления разрывов ссылок надстройка возьмет любой выделенный вами текст и соберет его обратно.
7. Легкие акценты
Как и Translate, Easy Accents – это простое дополнение для Документов Google, которое позволяет вставлять символы с диакритическими знаками в Документы Google без использования сочетания клавиш.
Это особенно полезно, если вы печатаете на другом языке и не знаете, какие сочетания клавиш нужно добавить в специальные символы. Easy accent поддерживает большое количество языков. Это удобный инструмент, который можно использовать сбоку от экрана, когда вы пишете на другом языке.
8. Генератор облака слов
Сегодня в моде облака слов, и это простой способ сделать Google Документ более креативным. Он позволяет создавать красивые карты слов, которые могут помочь проиллюстрировать вашу точку зрения в творческом Документе Google.
Word Cloud Generator делает это, читая весь документ, определяя вашу «тему», а затем визуализируя ее. Затем вы можете загрузить любые создаваемые вами облака слов, изменить их цветовые палитры и настроить количество слов, из которых они извлекаются.
9. Инструменты для документов
Doc Tools – это надстройка, аналогичная ранее упомянутому Change Case. Он может настраивать отдельные слова в соответствии с желаемым стилем верхнего и нижнего регистра.
Однако Doc Tools также добавляет больше полезных функций для украшения вашего документа Google. Для этого есть панель инструментов, в которой вы можете увеличивать или уменьшать размер текста, выделять текст или сортировать списки от А до Я.
10. Счетчик слов Макс.
Наконец, есть Word Counter Max. Поскольку в Документах Google уже есть встроенная система подсчета слов, вы можете подумать, что она вам не нужна. Тем не менее, Word Counter Max имеет несколько действительно интересных функций.
По мере ввода Word Counter Max постоянно обновляет количество слов и символов в документе, которое вы можете видеть на боковой панели. Word Counter Max также позволяет вам установить цель письма и дает вам визуальное представление о том, насколько вы близки к ее достижению.
Если вам нужно включить оценку времени чтения, Word Counter Max также может вам в этом помочь. А если вы немного любите писать, вы даже можете создавать отчеты и отслеживать, сколько вы пишете ежемесячно.
Делаем Google слайды более эстетичными
Это лишь некоторые из надстроек Google Docs, которые вы можете использовать, чтобы ваши документы выглядели привлекательно. Однако есть гораздо больше, что вы можете использовать для улучшения ваших таблиц Google, слайдов Google и документов Google.
Связанный
Лучшие сообщения
- Лучшие сайты даркнета, которые вы не найдете в Google
- Dark Web против Deep Web: в чем разница?
- Как выглядит даркнет?
- Что такое Shadow Web? Объяснил
- Я использовал Camera RAW на S22 Ultra и больше никогда не вернусь
- Как изогнуть текст в Adobe Illustrator: 4 способа
- Опыт Mi MIX FOLD: складной экран, помпаж C1, жидкая линза, достаточно ли MIX?
- 4 способа конвертировать любой формат файла электронной книги для Amazon Kindle
- Генеральный директор Tidal говорит, что грядет Hi-Res Lossless, что вызывает сомнения в MQA
- ThinkPad X1 Extreme Gen 5 добавляет экран с частотой 165 Гц и RTX 3080 Ti
Источник: www.istocks.club
Как сделать свое приложение более привлекательным
Проблема, с которой сталкивается большинство независимых разработчиков заключается в том, что они не графические дизайнеры. Я работаю с отличной командой, в состав которой входят прекрасные дизайнеры. Также, преподаю разработку приложений в колледже и создаю их в свое свободное время.
Как люди создают приложения, которые не смотрятся ужасно? Как я учу своих студентов создавать красивые приложения?
Дизайну, как и программированию, можно научиться. Возможно, мне не стать Микеланджело, но на своем пути я узнал достаточно, чтобы создаваемые мной приложения не выглядели ужасно.
Вот пара вещей, о которых стоит задуматься. Но помните о том, что дизайн невероятно субъективен. Кто-то посчитает это восхитительным:
Кто-то предпочитает что-то вроде этого:
Ну и конечно, не надо забывать об искусстве такого рода…
Не используйте дефолтные формы, идущие в комплекте с Xcode и Android Studio
Не используйте цвета и формы, поставляемые в комплекте с ПО. Это может привести к подобному результату:
А это одно из приложений Джеми Оливера. Оно выглядит немного лучше:
А это можно сделать самостоятельно. Выглядит… вкуснее, правда?
Блюдо на изображении смотрится настолько аутентично, что для поиска рецептов пользователь будет использовать именно это приложение.
В качестве еще одного примера, так можно было бы нарисовать кнопки для выбора города:
А вот, как я сделал это в своем приложении Simon’s Green Army:
Суть в том, что мы можем использовать изображения, чтобы заставить объекты выглядеть более привлекательно и интуитивно.
И еще один экран этого приложения. Это список номеров экстренной помощи:
Овладейте навыками редактирования изображений
Мой друг, Дэйв Максвелл, подписан в моей телефонной книге как Photoshop Ниндзя. Я, скорее, Photoshop карапуз, использующий поверхностный функционал для редактирования изображений в моих приложениях. Photoshop и Sketch — отличный вариант, если вашего бюджета хватит на лицензии. Но новичкам придется с ними повозиться.
Когда Дэйв показал мне, как вырезать из изображений окружности. В большинстве моих приложений и на веб-сайтах, откуда ни возьмись, появились круги! Что приводит нас к следующему совету:
Попросите о помощи
Это прозвучит очевидно, но не стесняйтесь просить о помощи. У меня есть блог, в котором я публикую учебные пособия по iOS и Android для своих студентов. Недавно я попросил еще одного своего друга, Меган Келли, написать несколько статей на тему UX и UI, потому что я в этом не сильно разбираюсь.
Используйте инструменты для создания цветовых схем
Существует большое количество сайтов, которые могут посоветовать подходящую комбинацию цветов. Например, color.adobe.com
Большинство этих инструментов бесплатны и просты в использовании.
Не усложняйте
Это абсолютная правда. Ваши дизайны должны быть чистыми и простыми. Независимо от того, что вы думаете о дизайне Snapchat, его экран авторизации прост и красив:
У пользователя не остается сомнений в том, для чего этот экран предназначен. В то же время, он выглядит довольно красиво.
Вот снова наше кулинарное приложение:
На этой странице есть всё, что нужно пользователю — ингредиенты и способ приготовления. Но всё выглядит тесно и трудночитаемо.
Подумайте о том, как человек будет использовать приложение. Он, скорее всего, откроет его, положит телефон на кухонном столе, и займется готовкой. Он будет нарезать, измельчать ингредиенты, бросать их в кастрюлю, поглядывая на экран. Вряд ли пользователь захочет прикасаться к телефону руками, если они будут вымазаны в соус.
Такой экран можно упростить и сделать чище:
С отдельным экраном для способа приготовления с четко обозначенной последовательностью шагов:
Это не ракетостроение. Для создания подобных экранов не надо быть мастером графического дизайна. Для этого нужно всего лишь понимать, что белое пространство вокруг контента делает его удобочитаемым, и это просто хорошая практика.
Для кнопок используйте иконки и текст
Вот экран с картой. Иконки показывают важные места, вроде жд станций, баров, ресторанов фаст-фуда и т.п. Для фильтрации и поиска этих элементов, я использую кнопки с иконками, вместо текста.
Кнопки, по сути, не вызывают вопросов. Но я, также, добавил текстовые пояснения в нижнюю часть экрана, на случай, если пользователю понадобится дополнительная информация.
Кнопка выхода представляет из себя простую иконку «Х» вместо кнопки с надписью «Закрыть» или «Выход».
Смотрите на то, что делают другие
Когда я создаю что-то, чего еще никогда не делал, я знакомлюсь с похожими работами других дизайнеров.
Какие методы самые лучшие? Есть ли какие-нибудь доступные библиотеки или исходные коды? Читаю разного рода материалы по теме.
Что касается дизайна — тут ничего не меняется. Существует большое количество ресурсов, где можно найти и изучить работы других дизайнеров.
Это не копирование или плагиат. Это черпание вдохновения и улучшение своего понимания того, как должен выглядеть хороший дизайн. Dribbble — это популярный сайт, на котором дизайнеры размещают свои работы, чтобы другие могли с ними познакомиться:
Я часто просматриваю этот сайт, чтобы познакомиться с последними тенденциями, или если мне нужна помощь в создании новой функции или приложения.
Вы можете сделать свои приложения более привлекательными, даже, если у вас нет большого опыта в дизайне. Просто посмотрите на него. Подумайте о цвете, изображениях, размете и контенте. И старайтесь больше узнавать о разных дизайнерских навыках и практиках.
Перевод статьи Энди О’Салливана
Источник: uxgu.ru
Python // получаем значение введенных рублей let value_rub = parseFloat(document.getElementById(«rub-input»).value); // получаем список всех input’ов, в которые надо перевести рубли let list_curs = document.getElementById(«list-cur»).children; for (let div_cur of list_curs) < // берем название денежной единицы let name_cur = div_cur.getElementsByTagName(«span»)[0].textContent; // теперь передает значение в Python для обработки let value_cur = await eel.convert_value_py(value_rub, «RUB», name_cur)(); // выводим на экран полученное значение div_cur.getElementsByTagName(«input»)[0].value = value_cur; >> document.getElementById(«btn-sum»).onclick = create_cur_for_rub;
Обратите внимание на строку “let value_cur = await eel.convert_value_py(value_rub, «RUB», name_cur)();”. Важно, что вызов функции из питона происходит в асинхронном режиме, поэтому обязательно необходимо сделать асинхронной ту функцию, в которой есть вызов Python кода. При вызове функции из eel необходимо ставить пару (), где в первые круглые скобки будут передаваться наши аргументы.
Проверим, работает ли.
Как мы видим, все работает.
Запуск программы
Для запуска кода используем файл “main.py”. В нем импортируем библиотеку eel и всё, что мы писали в файле “min_convert.py” для того, чтобы при запуске проекта подтянуть все функции, которые мы оборачивали в eel.expose:
import eel from middle.mid_convert import *
Теперь необходимо проинициализировать через eel ту директорию, где лежит front-end нашего приложения. При помощи команды eel.init(args). Далее для запуска самого приложения вызывает метод eel.start(args):
if __name__ == ‘__main__’: eel.init(‘front’) eel.start(‘index.html’, mode=»chrome», size=(760, 760))
Метод eel.start принимает на вход несколько параметров (подробнее о них см. официальную документацию по eel). Самым интересным параметром является “mode”. При помощи него вы можете запустить свой проект, как в браузере, так и в виде отдельного приложения.
Например, вы можете указать параметр “default”, в таком случае приложению будет запускать в браузере по умолчанию. Если у вас стоит google chrome, то указав параметр “mode=chrome” ваша программа откроется в виде отдельного приложения.
Также можно использовать chromium. Для этого скачиваем его с официального сайта. Разархивируем его в какую-нибудь папку и прописываем следующий код в нашем “main.py”:
eel.browsers.set_path(«chrome», «C:/Users/admin/Documents/chrome-win/chrome.exe») eel.start(‘index.html’, mode=»chrome», size=(760, 760))
Вывод
Как мы видим, то создавать красивые десктопные приложения с использованием Python в качестве языка для реализации основной логики не так сложно. Вы можете устанавливать какие угодно библиотеки, реализовать нужный код с использованием Python, а писать красивые интерфейсы на HTML,CSS и JS.
P.S. это моя первая статья на Habr, пишите Ваши пожелания, замечания и отзывы, буду рад увидеть любой комментарий.
Источник: habr.com