問題タブ [sketch-3]

Sketch 3で Android アプリの UI とフローを開発しました。今、私はそのアプリを開発しています。では、レイアウトを直接エクスポートしたり、個別assetsにAndroid Studioにエクスポートしたりする方法はありますか?

Sketch で作成している iPhone アプリの UI のモックアップを作成しました。UI で各オブジェクトの解像度を計算する方法と、各コンポーネントを .png または .jpeg としてエクスポートする方法。たとえば、Sketch UI では四角形です。その四角形のみを画像と正しい解像度を取得する方法 (iPhone 4-6 は 326ppi、6 Plus は 401ppi)

こんにちは、Sketch 3 でカスタム注釈を作成しました。マップ ビューに収まるように縮小すると、ぼやけてしまいます。これを修正するにはどうすればよいですか?

次のコードを使用して画像をエクスポートしましたが、ファイルサイズを 40 80 120 に指定しているため、同じサイズで作成するすべての画像に対して. デフォルトの画像サイズを考慮し、@2x および @3x 画像を作成する必要があります。

sketch-mac アプリケーション.sketchによって生成されたファイルを解析するにはどうすればよいですか?

.psdで生成されたファイルを解析するために psd_tools を使用できることを知っていますAdobe Photoshop。

Apple Scriptfor Sketch.app を書こうとしてい(com.bohemiancoding.sketch3)ます。私がやりたいことは、Sketch ドキュメントからブラウザーでレンダリングできる画像ファイルを作成することです。

そして、Sketch.app辞書を開くとScript Editior、

そこで以下のスクリプトで生成しようと思ったのですTIFFがうまくいきませんでした

.sketch保存コマンドを使用して形式でスケッチ コピーを作成できますが、PDF や TIFF は作成できません。スケッチは Apple スクリプトを使用した PDF と TIFF をサポートしていますか?

または、そのための他の方法がありますか。

アップデート

パスを Apple スクリプト形式に変更し、ドキュメント インデックスを 1 に設定します。スクリプトは次のようになります。

しかし、スクリプトを実行すると、次のエラーが発生しました

更新 2

タイプミスを修正

しかし、スクリプトを実行すると、次のエラーが発生しました

OSX カラーリスト (.clr) を読み込もうとしていますが、色の値を解釈するのに問題があります。

コンテキスト: Sketchというデザイン プログラム用のカラー パレット プラグインを作成しています。プラグインは、JS と Objective-C/Cocoa の間のブリッジであるcocoascriptで記述されています。これにより、NSColor などのクラスを操作できます。

このコードを使用してファイルを読み取ります。

これは機能し、色を OS X コンソール アプリに記録できます。問題は、出力の使用方法がわからないことです。

CSS、Sketch、Photoshop の rgba 値は

おそらく、範囲を 255 から 1 にスケーリングしただけだと思いました。しかし、計算すると、完全には加算されません。b 値。例:

しかし、それは161でなければなりません。

色を変換する必要がある他の方法はありますか？

Boostrap をフレームワークとして使用したレスポンシブ Web デザインのワークフローがどのように機能するかを理解したい。デザインを Sketch 3 から CSS (Bootstrap) に変換する方法が特にわかりません。

ツール/フレームワーク: Sketch 3、Bootsrap
目標: 完全レスポンシブ ウェブデザイン

私の現在の理解：

1. 4 つの異なるレイアウトを使用して、Sketch 3 で 4 つの異なるバージョンの Web サイトを作成します

   • デスクトップ HD
   • デスクトップ
   • タブレット
   • 電話

2. ブートストラップ + CSS + HTML

   • すべてのセクション (ヘッダー、本文、フッター、サイドバーなど) を分析し、xs、s、md、lg 列に必要な列の量を決定します
   • 4 つの異なるグリッド サイズ (xs、s、md、lg) をすべて使用して、Web サイトの基本構造を構築します。
     

Sketch3 から正確に何をエクスポートしますか?
ボタンだけをエクスポートして、残りは CSS を使用して作成する必要がありますか?
4 つの異なるレイアウトすべてからすべてのボタンをエクスポートする必要がありますか?

完全に応答性が高く、保守が容易であることを確認したいと思います。

ロゴのサイズを変更してナビゲーション バーに収まるようにしようとしましたが、問題は、3932 X 1712 ピクセルの誰かからの画像として始まったことです。ベクターツールでなぞったのですが、ロゴ全体を108×47pxにリサイズする必要があります。ベクトルをそれほど縮小するたびに、透明度が完全に失われ、非常にピクセル化されたように見えます。サイズを少し小さくしてエクスポートし、さらにサイズを変更してみましたが、最終的には品質が低下します。サイズを少し小さくしてからベクトル化しましたが、ベクトル線でさえピクセル化されていました。私のウェブサイトでこのロゴを使用したいのですが、これは面倒です。ヘルプ！