開発でのSketchode 2の使用:概要

デザインレイアウトの操作は、カスタムアプリケーションの開発における重要な段階の1つです。 このプロセスには詳細への注意が必要であり、多くの場合、軽微な不正確さを修正するために必要な時間に関連しています。 デザイナーと開発者の間のやり取りをできる限り簡単にすることは、両者が夢見ていることです。 この目的のために、AvocodeやZeplinなどの製品が作成され、それぞれに独自の利点があります。同じ目的で、約1年前にSketchodeが登場しました。 これについては、今日の記事で説明します。







一言で言えば、聞いたことがない人のために、製品の機能と詳細を概説します。 Sketchodeは、レンダリングされたアプリケーションインターフェイスの要素をデザイナーから開発者に簡単に転送できるMacアプリケーションです。 このユーティリティは、デザイナー向けの象徴的なSketchプログラムと連携して機能し、後者からプロジェクトをエクスポートし、開発者がXcodeまたはAndroid Studioへの挿入に適した形式でインターフェイス要素を取得できるようにします。 Sketchodeツールキットを使用すると、レイアウトを徹底的に調査して「解析」し、特定のオブジェクトを個別のファイルにアンロードできます。 一般に、アプリケーションの機能は、対応するものが提供するものと一致します。主要なデザイン要素(フォント、色、サイズ、位置)およびエクスポートに関する情報へのアクセス、およびオフラインでの作業などの追加機能があります。 間違いなく、ユーティリティのユーティリティはその価格です。



特に有益で有用なものであれば、新しいものをテストすることを決して拒否しません。 Sketchodeを実際に使用している同僚経験については既に述べました 。 彼らは彼が非常に働いているとわかったという事実にもかかわらず、彼は非常に非常に湿っていて、明らかにZeplinのレベルに達しませんでした。 そのため、 Sketchodeの 2番目の最終バージョンが市場参入したことを開発者が一般に通知したとき、定性的な変更があるかどうかに興味を持ち、新製品をテストしました。 以下に、更新されたアプリケーションの機能に関する一般的なアイデアを得ることができる小さな概要を提供します。



同僚の進行中のプロジェクトの1つに取り組みながら、Sketchodeの新しいバージョンを研究しました。 このアプリケーションのレイアウトは、十分な数の画面で構成されています。 そこで新しいSketchode 2アートボードが役に立ちました。





プロジェクトのオープニング速度は今回喜ばれました。レイアウトを開いた時点でのこのバージョンの前身、特に重いものは、アニメ映画「ゼロポリス」でナマケモノとして現れることがありました。 一般に、すべてが最初のバージョンよりもはるかに高速に動作します。 アプリケーションの2番目のバージョンのコンテンツは、最終的にベクトルグラフィックスを使用して表示されるようになりました。これは、ディスプレイの品質とパフォーマンスの両方にプラスの影響を与えました。



新しい暗いデザインがすぐに目を引きます。 私は彼が曖昧な反応を引き起こしたと言わなければなりません。 もちろん、レイアウトのライトオブジェクトは一般的な背景からすぐに目立つようになりましたが、同時に、黒い半透明の要素はほとんど見えなくなりました。 一部のインターフェイスラベルは背景と結合します。





新しいSketchodeツールのうち、ピペットの外観に注目することができます。 この関数はPhotoshopの場合と同じように機能し、目的の要素を詳細にピクセルまで拡大し、正確な色を決定できます。





更新後、Sketchodeに[ガイドライン]タブ(hello、Zeplin!)が追加され、色とフォントを適用するためのより便利な方法が提供されます。 開発者は、目的のフォントを選択して、そのフォントが適用されているすべての画面を表示できます。 これにより、すべての要素を注意深くクリックすることなく、必要な定数のセットをすぐに決定できます。 デザイナーがアプリケーションを更新する際に、突然色やフォントを変更したり、他の場所に適用したりすることに決めた場合、多くの時間を費やすことなく、1つの画面を見逃すことなく、アプリケーションに変更を加えることができます。



ただし、Sketchodeのガイドラインでは、すべての機能的な利便性により、インターフェイスに関連するいくつかの不満が提起されています。 要素をクリックしても何も起こりません。一部のラベルは背景に統合されます。 フォント、色、および画像が画面に一度に表示され、すべての空き領域を占有します。 同時に、そのような決定の根拠はありません。同時に、これらの要素はすべて完全に不要です。





含まれている画面要素を表示すると、新しいタブが開きます。 色をすばやくクリックして、それらが存在する画面を確認すると、機能しません。 目的の列のみが表示されている場合、すべてを1つの画面に収めることができ、作業がはるかに便利になります。



チームが大幅に改善したもう1つの側面は、画像のスライスです。 私たちは信用しなければなりません、本当に便利になりました:エクスポート用の構成を構成して保存する機会があり、完成した.imagesetをすぐにエクスポートすることができます。これにより、プロジェクトへのイメージの追加が大幅に高速化されます。 画像をグループにエクスポートすることができないのは残念です。一度に1つずつ選択し、それぞれに名前を設定する必要があります。





ちなみに、空きスペースのあるオブジェクトを切り取り、正しく配置することが可能になりました(スライス付きでエクスポート)。



Sketchodeのその他の機能の大部分は変更されていません。 製品の価格は競合他社に比べて低いままです-最初のバージョンで749ルーブル、2番目のバージョンで1490ルーブル。 残念ながら、試用版は現在利用できませんが、幸いなことに、支払いは一度限りであり、プロジェクト数の制限を意味しません。 これに基づいて、Sketchodeは、適切な予算のある大企業やWebスタジオだけでなく、中小企業にも関心を持っています。



最初のバージョンに関する変更から判断すると、Sketchode開発者は便利なツールを積極的に作成しようとしています。 革新の一部は新鮮に見え、レイアウトの解析に関する日常的な問題の解決に役立ちます。 一般に、開発者が磨く必要のある特定の欠点にもかかわらず、製品は現在、非常に競争力があり、すでに市場に出回っている製品の代替品として推奨できます。



All Articles