Я не можу малювати. Як я можу зробити відполіровані програми?

41

Я не графічний дизайнер. Я досить погано малюю що-небудь. Я намагаюся будувати речі, які виглядають навіть настільки приємно, як "зразки" додатків у комплекті з інструментами розробки; насамперед тому, що я не маю присідання в образі арт-активів.

Які стратегії я можу вжити, щоб пом'якшити це?

graphics

— Біллі ONeal
джерело

3

Щоб було зрозуміло: ви хочете створити графічні інтерфейси, які не використовують зовнішній вигляд платформи за замовчуванням? Першим питанням було б: чому б не покластися на ОС, щоб зробити свій інтерфейс?

— Конрад Рудольф

2

@KonradRudolph: Навіть із зовнішнім виглядом та відчуттям за замовчуванням (що фактично мені здається більш приємним, ніж будь-що інше), все ще є художні засоби, як правило, потрібні для відшліфованого додатка, наприклад, іконки.

— Біллі ONeal

5

Активи активів: Використовуйте набори значків з відкритим кодом. ;-) Є декілька досить якісних, наприклад , Silk Icons або Glyphicons FamFamFam … Особисто я вважаю за краще уникати занадто багато інших графіків, але для цих контрактних робіт, мабуть, найкраще рішення…

— Конрад Рудольф,

method.ac може бути корисним після його запуску.

— Maxpm

24

Особисто я не думаю, що вам потрібно бути гарним художньо, щоб створювати приємні інтерфейси користувача .

Те, що робить хороший інтерфейс користувача, не залежить від творчості, але більше пов'язане з парою чітко сформованих рекомендацій. Якщо ви дотримуєтесь цих вказівок і практикуєте деякі, ви можете створити чудові інтерфейси самостійно.

Я б запропонував зробити наступне ...

Прочитайте про те, що робить хороший інтерфейс користувача. (в основному в Інтернеті)
Дослідіть і знайдіть користувальницькі інтерфейси, які вам подобаються.
Порівняйте кілька хороших конструкцій і спробуйте підібрати речі, схожі між собою.
А тепер подивіться на власний дизайн і побачите, чи є у вас ці елементи.
Спробуйте відтворити свій інтерфейс користувача, щоб він був подібний до того, який вам сподобався.

Я прогнозую, що якщо ви будете робити цю вправу протягом тижня-двох (а якщо ви запитаєте мене, тиждень-другий, щоб навчитися конструювати хороші інтерфейси не так вже й тривалий час), ви дізнаєтесь більшість того, що робить хороший інтерфейс користувача .

Я знайшов лише кілька речей, які роблять інтерфейс користувача приємним:

Простота
Послідовність (кольори, шрифти, використання кнопок, посилань тощо)
Пробіл
Менше - більше (приховуйте стільки, скільки зможете від користувача, не зменшуючи зручність використання)
Не використовуйте білий фон та чорний шрифт. Переконайтеся, що контраст досить хороший, але зазвичай змініть фон на світлий відтінок сірого, тоді як ваш шрифт буде темно-сірим.

Також ... не починайте з дизайну. Почніть з функціональності і нехай дизайн розвивається. Також експериментуйте! Не засмучуйтесь, якщо це не виглядає ідеально після 1-2 'ітерацій'. З часом воно стає краще. Але найголовніше, ви повинні спробувати .

— c_maker
джерело

3

Я говорю про польську, а не про UX. Знання, як створити «приємний» інтерфейс, не допоможе (наприклад), щоб ваші іконки виглядали краще.

— Біллі ONeal

5

@BillyONeal: Вибачте, але ваше запитання до мене було набагато ширшим, ніж "проектування іконок".

— c_maker

3

Це є; іконки - лише простий приклад. Моя думка полягала в тому, що це не «ховається за виправданням» - є законні частини пристойного дизайну інтерфейсу, які вимагають, ну, мистецтва. Є гарні та непридатні інтерфейси, зручні та некрасиві інтерфейси, непридатні та некрасиві інтерфейси та корисні та гарні інтерфейси; відшліфоване додаток повинно бути як придатним для використання, так і візуально привабливим. У цій відповіді ви добре вирішуєте зручність використання (+1); але «симпатичний» теж є законною проблемою.

— Біллі ONeal

Я думаю, що шрифт / колір тла шрифту йдуть правильним шляхом сюди. Контрастна річ була одним із перших пунктів, про які я отримав відгуки громадськості з першого сайту, який я коли-небудь публікував. Можливо, ще кілька порад, наприклад, як вибрати / застосувати колір - скільки? Один чи два? Більше? Світле чи темне? Покладіть це в заголовки? Межі? Фон? Все / немає / деякі з перерахованих вище?

— Стоїть

12

Мої мистецькі здібності близько 5 класу в хороший день :). Я працюю графічним дизайнером, або професійно під час роботи, або моя дружина, яка володіє прекрасними мистецькими навичками та любить ними користуватися.

Зауважте, що на мою думку графічний дизайн - це не дизайн інтерфейсу / UX. Я або роблю більшість UX, або використовую експерта UX, щоб зберегти контроль над UX, який потім працює з GD, щоб зробити його гарним. Хоча я впевнений, що є хороші комбіновані професіонали з UX / GD, у мене був дуже поганий досвід роботи з GD, які робили речі, які виглядали гарними, мали дуже поганий UX, і застаріли через пару місяців, і не ризикую, поки я не співпрацювали з GD для декількох проектів.

— mattnz
джерело

1

Отже, платіть комусь, щоб це зробили, або зачепитися за того, хто може це зробити безкоштовно? : с. Що робити, якщо заплатити дизайнерові ще рано - доказ концепції чи випробування функціональності? Програмному забезпеченню потрібно приділяти мінімальну естетичну увагу, щоб люди, яким я демонструю своє програмне забезпечення, не відволікалися на пишні кольори та шрифти, які я не знаю, як краще зробити.

— Стоїть

2

@Stoive. Чудовий момент, тепер ви мене розпочали. Початкові враження дійсно важливі. Для будь-якого неінженера (і багатьох інженерів) GD зазвичай критичний, на жаль, він переважає UX-дизайн та інженерію на кілька порядків. Графіка виглядає спалаху і блискучою, а сороки будуть летіти до продукту, незалежно від того, наскільки це лайно.

— Зроби

1

Докладніше - я переконав клієнта, що найняв графічного дизайнера раніше (дизайн інтерфейсу я добре, графіка - це жахливо), заявивши, що хороші візуальні програми проектують впевненість і надійність у користувачів. У цьому випадку клієнт уже платив (їх ідеї я тільки кодував), але за інших обставин вам потрібно донести довіру та надійність клієнтам, перш ніж ви доторкнетесь до будь-яких грошей за ресурси графічного дизайну. Або, згідно з ОП (хобі-проекти?), Гроші ніколи не будуть залучатися - наймати дизайнера не представляється можливим, але презентація все ще важлива.

— Стоїть

9

Якщо ви шукаєте графічні активи, є кілька веб-сайтів, які збирають високоякісну графіку для безкоштовного використання:

Запуск програми для, мабуть, найкращого (але, безумовно, найгарячішого зараз) веб-рамки інтерфейсу користувача
Гліфікони для набору іконок, що доповнює рамки інтерфейсу Bootstrap з інтерфейсу Twitter
Тонкі візерунки для, ну, тонких фонових візерунків
Шовкові іконки FamFamFam, які використовуються у великій кількості програмного забезпечення у всьому світі
Творчий ринок різноманітних елементів

І багато іншого, наприклад, арт- проект GNOME, який також включає безліч безкоштовних графічних активів.

Не будучи найменш креативним і не маючи освіти в дизайні, я завжди прагну на сторону консерватизму: використовую усталені зразки (тобто рамки) і якомога менше відхиляюся від потоптаних доріжок. Це не обов'язково буде дуже цікавим, але принаймні ви мінімізуєте шанси на поломку та катастрофи на UX.

Пікассо зазначив, що «великі артисти крадуть», але насправді це здебільшого талановиті хаки, і подивіться, куди це призвело Microsoft та Samsung: до великих продажів платформ.

— Конрад Рудольф
джерело

8

Ви можете найняти фахівців для подібних речей, але вам не потрібна вроджена художня здатність, щоб засвоїти деякі основні прийоми. Мій диплом фактично вимагав семестр "мистецтво для інженерів". Прийняття класу або двох у вашому місцевому коледжі може бути дуже корисним. Ви все одно не будете настільки хорошими, як люди, спеціально навчені в цій галузі, але ви точно можете вдосконалитись до того, що ваші програми виглядають більш професійними.

Є також книги, спрямовані на відносних любителів. Одна книга, яку я вважав корисною для веб-дизайну, - це принципи красивого веб-дизайну Джейсона Бірда. Навіть якщо ваші проекти не сильно покращуються, отримання невеликої освіти може допомогти вам краще усвідомити, що не так з дизайном. Замість того, щоб завжди говорити: "Я знаю, що це виглядає погано, але я не можу зрозуміти, чому", ви зможете точно визначити такі проблеми, як поганий кернінг або брак негативного простору, а визначення проблеми - це половина битви.

— Карл Білефельдт
джерело

3

Що ви можете шукати, це "UI / UX Design для розробників". Одна книга, пов’язана з цією темою, - Дизайн інтерфейсу користувача для програмістів

Якщо ви не шукаєте UI / UX-дизайн, але хочете вдосконалити навички графічного дизайну, рекомендую знайти клас щодо використання Adobe Photoshop або Adobe Illustrator (якщо ні, то хоча б кілька навчальних посібників в Інтернеті). Вивчивши кілька технік і подивившись на чужі роботи для натхнення, ви здивуєтеся, як мало художньої творчості вам потрібно.

Наприклад, ви можете вивчити інструмент «Градієнт» у Photoshop разом із інструментом «Закруглений прямокутник», і ви могли зробити щось подібне до кнопки «Підписатися на розсилку» праворуч (хоча в цьому випадку це робиться з чистим CSS).

— Атиф
джерело

Більшість (усіх?) Книг

— Фара,

Схоже, приблизно 2/3 книги є. У ньому немає розділів 13-18.

— Стів Беннетт

1

Нехай інші «виконують роботу за вас» у формі використання рамок, шаблонів та попередньо побудованих компонентів gui. Наприклад, я не можу намалювати або спроектувати це, тому для кожного нового веб-проекту я починаю з шаблону css (з багатьох безкоштовних сайтів шаблонів css) для макета та дизайну, а потім 'налаштовую' його звідти. Ці шаблони містять повний дизайн, який може допомогти вам вирішити цю прогалину.

Я погоджуюся з c_maker в тому, що хороша зручність використання - це хороший дизайн, хоча, здається, ви конкретніше підходили до дизайну.

Якщо ви займаєтесь веб-дизайном та розробкою верстки, ось такі сайти css:
http://www.freecsstemplates.com/
http://www.templatemo.com/
http://www.free-css.com/
http : //www.oswd.org/
http://www.openwebdesign.org/

— Майкл Дюрант
джерело

Думаю, це добре працює для веб-розробників. Дійсно, мислячи більше мови -агностичні тут, хоча. Товстим клієнтам теж потрібна любов до інтерфейсу.

— Біллі ONeal