Fügen Sie mithilfe von Sketch Text über der Form hinzu

Problem:

Der Versuch, Text über einer Formlinie in Sketch hinzuzufügen, sodass der Text nur Teile der Formlinie schneidet.

Aktuelles Design:

Geben Sie hier die Bildbeschreibung ein

Gewünschtes Design:

Geben Sie hier die Bildbeschreibung ein

Was sind die notwendigen Schritte, damit der Text die Zeile unten schneidet?

Ich kann Ihnen mehrere Möglichkeiten erklären, wie Sie dies in der Sketch-App erreichen können, aber haben Sie darüber nachgedacht, wie Sie / Ihr Programmierer dies im Code erreichen werden?
Dies ist eigentlich nur eine Illustration, die ich verwende, um mehr über die Verwendung der Sketch-App zu erfahren.
Ich habe eine ähnliche Frage beantwortet, bitte überprüfen Sie: graphicdesign.stackexchange.com/questions/78693/…
Jane .... es ist nur ein Fieldset und eine Legende in HTML. Ziemlich normal.

Antworten (2)

Dies könnte eine zu stark vereinfachte Antwort sein, aber könnten Sie ein weißes, randloses Rechteck haben, das den gelben Rand bedeckt und Text darüber setzten?

Dann können Sie den Text und den Rahmen gruppieren, wenn Sie die Größe später ändern möchten.

Text über Rand

Sie können diesen Beitrag überprüfen, um eine ungefähre Vorstellung davon zu bekommen, wie Sie ein Bild hinter dem Text ausschneiden können: http://www.photoshopessentials.com/photo-effects/overlap-text/