Warning: copy() [function.copy]: Filename cannot be empty in /home/paraplanov/priunil.ru/docs/system/core.php on line 2
Как правильно копировать чужие решения

Пишу обо всём, что радует. Сейчас: редактура

15 декабря 2016, 11:03

Как правильно копировать чужие решения

Своруйте где-нибудь

Копировать — нормально. Инженер не изобретает заново двигатель, а изучает устройство готового и думает, как его улучшить. Предприниматель не танцует на граблях, а подсматривает работающую бизнес-модель у коллеги. Мир развивается, потому что люди заимствуют решения друг у друга.

Сегодня расскажу о двух стратегиях копирования, которые, как мне кажется, продуктивны и не лишают радости собственных открытий, а в конце сформулирую общее правило.

Скопировал → улучшил → придумал

Первая стратегия  — начать с копирования. Она нужна, когда время тикает, а ты сидишь в ступоре и не можешь собрать мысли в кучу. Чтобы побороть фрустрацию, надо начать хоть с чего-то. Например, с полной копии чужого решения.

В Школе редакторов есть задание: собрать страницу о себе. Это задание на вёрстку, оно проверяет умение работать с формой и расположением элементов на странице: заголовком, текстом, ссылками и фотографией. Важно получить максимально выразительный результат, сделав минимум ошибок.

Во время первой итерации я поделился в общем чате студентов рабочим черновиком.

Мой черновик. Пришлось поставить текст на плашку, потому что фотография неудачно кадрирована — под плашкой ничего нет

Люба Мамаева скопировала моё решение, чтобы перестать тратить время на бесконечные обдумывания и начать делать.

Черновик Любы. Элементы расположены так же, как у меня и под текстом тоже цветная подложка

А дальше Люба стала самостоятельно думать над деталями. Почему они такие? Почему бы им не быть другими? Стало понятно, что у неё-то фотка нормальная, нет никакого смысла делать плашку цветной.

Результат первой итерации. Плашка стала светлой и немного прозрачной, текст подсобрался наверху

К концу второй итерации Люба избавилась от плашки совсем и переделала на странице каждую деталь, фактически пересобрав её полностью.

Результат второй итерации. Сравните с первым черновиком

Получилось, что Люба начала с копии готового решения, а потом, улучшая детали, пришла к собственному варианту.

Обычно так и происходит. Примерив чужое решение на себя, быстро понимаешь, что оно тебе тут жмёт, там висит, да и по цвету не подходит. Поэтому начинаешь допиливать решение под себя. И в итоге ты или переделываешь всё до полной неузнаваемости или в процессе придумываешь новое решение, в котором для этих деталей уже нет места.

Придумал → скопировал → улучшил

Вторая стратегия — копировать фишки. Если проблемы начать нет, лучше сначала собрать собственное решение и только потом идти смотреть чужие. В них надо искать сильные ходы, которые помогли бы вам избавиться от какой-то конкретной локальной проблемы.

Вот как я собирал ту же страницу о себе.

Во время работы над второй итерацией преподаватель Миша Нозик заметил, что двум строчкам в нижнем углу для якорности не хватает «веса», и крупный кегль не спасает.

Мой черновик. Воткнул две строчки в угол: думал будет якорно, но нет

Иду и смотрю чужие работы. Обращаю внимание на иконки у Никиты Ларионова.

Результат первой итерации Никиты. Интересный ход — иконки в тексте

Иконки яркие, за них цепляется взгляд. Кажется, это можно использовать, копирую себе.

Черновик второй итерации. Добавил в угол иконку по примеру Никиты — получилась хрень

Ясно, что говно. Но сама идея отличная, работаем дальше. Понимаю, что необязательно использовать эмоджи-иконку внутри текста, подбираю свою и увеличиваю в размерах. Через пару ходов понимаю, что её ещё и смыслом можно нагрузить, как в операционке Эппла.

Результат второй итерации. Подружил иконку с текстом, увеличил, задвинул в угол и сделал более информативной — теперь крупно показывает правильную дату

Так я сначала придумал собственное решение, а потом скопировал и допилил под себя чужую деталь, чтобы решить локальную проблему.

Но опять же, надо помнить: фишка, которая вам приглянулась в чужой работе, могла выполнять там совсем другую функцию. Поэтому после копирования вам придётся потратить время на доработку, чтобы она решала вашу проблему.

Итак, формулирую правило полезного копирования.

Обе стратегии включают в себя период доработки после копирования. Не надо пренебрегать им. Наоборот, потратьте максимальное количество времени и сил на то, чтобы подогнать скопированное под себя. Тогда процесс даст понимание, улучшит результат и подтолкнёт к собственным решениям.

Скопировал — допиливай

Ещё по теме:
Как важно быть уникальным — пост в блоге Максима Ильяхова
Графдизайн тогда и теперь — коллекция заимствований Айдара Шакирова
Метод небоскрёба — статья на «Котиках»

Советы на сайте Бюро Горбунова:
О стыде заимствования
Об обучении через копирование
О заимствовании идей

Подпишитесь на Телеграмм
Подпишитесь на Телеграмм, чтобы узнавать о новых постах.
Поделиться
Запинить
5 комментариев
Владислав Скрипченко

Плакаю, когда вижу не оцентрированный по вертикали логотип телеграма :—(
Аж глазик режет.

Ян Хацкевич

О чём вы? Покажите скриншотом, пожалуйста.

Марат Магомедов

Здорово, спасибо за структуру воровства.

Dmitri Verovski

Ян, Владислав говорит вот об этом скорее всего. http://take.ms/WuMTE
Иконка не отцентрована внутри блока. Но даже если предположить что она центруется относительно текста, то и тут она болтается сама по себе в воздухе http://take.ms/56kzr

Dmitri Verovski

У иконки снизу есть 8 пустых пикселей. Видимо делали для выравнивания. Личнее нужно посрезать и перезалить. И будет оки. http://take.ms/STyT7

Ян Хацкевич

Проблема в том, что это не у иконки лишние пиксели внизу, а у контейнера. Он этот отступ откуда-то наследует и я врубиться не могу, откуда.

А , ну и спасибо, конечно (—:

Денис Медленный

Отличная статья, спасибо.

P.S. Задайте картинке Telegram_logo.png свойство vertical-align: middle;
должно помочь. http://joxi.ru/4Ak857VIyk5KMr

Ян Хацкевич

Денис, спасибо! Помогло.

Ваш комментарий
адрес не будет опубликован

ХТМЛ не работает

Ctrl + Enter
Популярное