Следующая версия | Предыдущая версия |
ru:rule:dont_play_with_elements_size [2024-08-20 13:24] – создано Anatoly Belaychuk | ru:rule:dont_play_with_elements_size [2024-08-20 16:56] (текущий) – Embedded diagram updated Anatoly Belaychuk |
---|
====== 0-TBD Не играйтесь с размерами элементов ====== | ====== Не играйтесь с размерами элементов ====== |
| |
{{tag>именование}} | {{tag>именование}} |
| |
{{:ru:v_razrabotke.png?nolink&200|}} | Не стоит менять размеры элементов, подстраивая их под текст названия. |
| |
Тут описание правила | |
| |
===== ✔ Как надо ===== | ===== ✔ Как надо ===== |
| |
Тут паттерны (диаграммы) | <bpmnio type="bpmn"> |
| <?xml version="1.0" encoding="UTF-8"?> |
| <definitions xmlns="http://www.omg.org/spec/BPMN/20100524/MODEL" xmlns:bpmndi="http://www.omg.org/spec/BPMN/20100524/DI" xmlns:omgdc="http://www.omg.org/spec/DD/20100524/DC" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:di="http://www.omg.org/spec/DD/20100524/DI" id="sid-38422fae-e03e-43a3-bef4-bd33b32041b2" targetNamespace="http://bpmn.io/bpmn" exporter="http://bpmn.io" exporterVersion="0.10.1"> |
| <process id="Process_1qqt81t"> |
| <task id="Activity_0hld63f" name="Сформировать схему размещения товаров на складе"> |
| <outgoing>Flow_1uwtj32</outgoing> |
| </task> |
| <task id="Activity_1mz2v20" name="Напечатать наряд на размещение и паспорта паллет"> |
| <incoming>Flow_1uwtj32</incoming> |
| <outgoing>Flow_1na805y</outgoing> |
| </task> |
| <sequenceFlow id="Flow_1uwtj32" sourceRef="Activity_0hld63f" targetRef="Activity_1mz2v20" /> |
| <task id="Activity_098fea9" name="Расставить товары на РЦ"> |
| <incoming>Flow_1na805y</incoming> |
| </task> |
| <sequenceFlow id="Flow_1na805y" sourceRef="Activity_1mz2v20" targetRef="Activity_098fea9" /> |
| <textAnnotation id="TextAnnotation_0p97z6l"> |
| <text>в том числе брака</text> |
| </textAnnotation> |
| <association id="Association_0ema8cp" sourceRef="Activity_0hld63f" targetRef="TextAnnotation_0p97z6l" /> |
| </process> |
| <bpmndi:BPMNDiagram id="BpmnDiagram_1"> |
| <bpmndi:BPMNPlane id="BpmnPlane_1" bpmnElement="Process_1qqt81t"> |
| <bpmndi:BPMNShape id="TextAnnotation_0p97z6l_di" bpmnElement="TextAnnotation_0p97z6l"> |
| <omgdc:Bounds x="240" y="10" width="100" height="41" /> |
| <bpmndi:BPMNLabel /> |
| </bpmndi:BPMNShape> |
| <bpmndi:BPMNShape id="Activity_0hld63f_di" bpmnElement="Activity_0hld63f"> |
| <omgdc:Bounds x="200" y="70" width="100" height="80" /> |
| <bpmndi:BPMNLabel /> |
| </bpmndi:BPMNShape> |
| <bpmndi:BPMNShape id="Activity_1mz2v20_di" bpmnElement="Activity_1mz2v20"> |
| <omgdc:Bounds x="360" y="70" width="100" height="80" /> |
| <bpmndi:BPMNLabel /> |
| </bpmndi:BPMNShape> |
| <bpmndi:BPMNShape id="Activity_098fea9_di" bpmnElement="Activity_098fea9"> |
| <omgdc:Bounds x="520" y="70" width="100" height="80" /> |
| <bpmndi:BPMNLabel /> |
| </bpmndi:BPMNShape> |
| <bpmndi:BPMNEdge id="Association_0ema8cp_di" bpmnElement="Association_0ema8cp"> |
| <di:waypoint x="269" y="70" /> |
| <di:waypoint x="283" y="40" /> |
| </bpmndi:BPMNEdge> |
| <bpmndi:BPMNEdge id="Flow_1uwtj32_di" bpmnElement="Flow_1uwtj32"> |
| <di:waypoint x="300" y="110" /> |
| <di:waypoint x="360" y="110" /> |
| </bpmndi:BPMNEdge> |
| <bpmndi:BPMNEdge id="Flow_1na805y_di" bpmnElement="Flow_1na805y"> |
| <di:waypoint x="460" y="110" /> |
| <di:waypoint x="520" y="110" /> |
| </bpmndi:BPMNEdge> |
| </bpmndi:BPMNPlane> |
| </bpmndi:BPMNDiagram> |
| </definitions> |
| </bpmnio> |
| |
===== ✘ Как НЕ надо ===== | ===== ✘ Как НЕ надо ===== |
| |
Тут антипаттерны (диаграммы) | <diagram><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="451px" height="81px" viewBox="-0.5 -0.5 451 81" content="<mxfile host="embed.diagrams.net" agent="Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36" version="24.7.7"><diagram id="JVxE7JagsKKI6EE8eKf4" name="Страница — 1">1VdJr9MwEP41leCCsjRtc2y6PA4gIRWJx9GvMUkgjSvXXcKvZ2KPk8nSUvEqEBdr5vPMeJYvrjvyF7vLk2T79KOIeT7ynPgy8pcjzwsnLqwVUBogCBFIZBYbiACb7CdH0EH0mMX80DJUQuQq27fBrSgKvlUtjEkpzm2zbyJvn7pnCe8Bmy3L++iXLFapQWfetMHf8yxJ7cnuJDQ7O2aNsZJDymJxJpC/GvkLKYQy0u6y4HnVO9sX47e+slsnJnmh7nJAjxPLj1gcJqZKWy2PoXhUhVSpSETB8lWDRlIci5hXIR3QGpsPQuwBdAH8zpUqcZLsqARAqdrluMuLeF7NBdSXXGx/fE6zwsDrLCdGGMCFPkX9UrGWgzjKLebuIzuYTDha4SiqqogbtueJix1XsgQDyXOmslN75AyZk9R2TXNBwP4O99rvtxr6NXdHUN1sXMnRSsuOlhd6nRFkpVftFTka9/QKJxvVhAq0QWCDABJZA8f6wjolpwR6NySOS3L62rp7V9Jop+c5JIJDcgN1rteIpDHGQyuiTnKYUfQiQUoq6Q2J2Dm+rnlKEnVJ9MDm4fYqN0k4b3tMb3hc8e2cZopv9kxz6QwXWZuzV/l34lLxy01u4W59oZX2a0T93Nwqrr0qUnKjzJzX0zEcpGO4JI1aE3JM27QbpCCZOvZcs8eMeZgWf8DIerivYSR8eGad2N2ZFdYkjkuQFSnKa4VqXGr6RaSK/pX6t4nmzzpE8waI5g4QbfIAotm43YvPafe5Xj3STI983Z3L7sbo6yvvxtD/8USCcWci/p2f/vgRExn4KfpPfvWh47J8xjO18rVS3gVWXV7o5rK02iVTzzYkyMQLtMapUqzPXS+MsP/CsIR/3BMDXT+JDDKpOTQOOxwah1BRK4jJFP3oO7ATKgh+G8pU2AsFE2QlMdtXBofrSQde56TAuZ3ZbXsQTAYN8esGD30LoDava2Pe/EXxV78A</diagram></mxfile>"><defs/><g><g data-cell-id="0"><g data-cell-id="1"><g data-cell-id="11"><g><path d="M 120 40 L 155.88 40" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 168.88 40 L 155.88 44.33 L 155.88 35.67 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="3"><g><rect x="0" y="0" width="120" height="80" rx="12" ry="12" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 40px; margin-left: 1px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Сформировать схемы размещения товаров на складе <br />(в том числе брака)</div></div></div></foreignObject><text x="60" y="44" fill="rgb(0, 0, 0)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">Сформировать схемы размещения товаров на складе...</text></switch></g></g></g><g data-cell-id="9"><g><rect x="170" y="10" width="110" height="60" rx="9" ry="9" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 108px; height: 1px; padding-top: 40px; margin-left: 171px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Напечатать наряд на размещение товаров на РЦ и паспорта паллет</div></div></div></foreignObject><text x="225" y="44" fill="rgb(0, 0, 0)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">Напечатать наряд на размещение товаров на РЦ и паспорта паллет</text></switch></g></g></g><g data-cell-id="10"><g><rect x="330" y="20" width="120" height="40" rx="6" ry="6" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 40px; margin-left: 331px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Расставить товары на РЦ</div></div></div></foreignObject><text x="390" y="44" fill="rgb(0, 0, 0)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">Расставить товары на РЦ</text></switch></g></g></g><g data-cell-id="13"><g><path d="M 280 40 L 310 40 L 315.88 40" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 328.88 40 L 315.88 44.33 L 315.88 35.67 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g></g></g></g></g></svg></diagram> |
===== Примечания ===== | ===== Примечания ===== |
| |
Тут дополнительные комментарии (этот раздел опционален) | Если название задачи или другого элемента на диаграмме не помещается в отведенный для него текстовый блок, поищите более лаконичную формулировку, используйте аббревиатуры и сокращения, но не поддавайтесь соблазну увеличить размер элемента - это приводит к визуальному разнобою и сильно ухудшает читаемость схемы. |
| |
===== Исключения ===== | |
| |
Исключения из указанного выше правила | |
| |
===== Смотри также ===== | ===== Смотри также ===== |
| |
Тут ссылки на страницы со схожим контентом (этот раздел опционален) | * [[keep_it_short]] |
===== Автор(ы) ===== | ===== Автор(ы) ===== |
| |
Тут подпись | --- //[[user:bell|Anatoly Belaychuk]] 2024-08-20 14:19// |