2. 山本麻美 1997年 フリーランスのWeb制作者に 1999年 i‑modeのケータイサイト作ったり 2010年 日本Androidの会に参加したら、 エンジニアさんたちにそそのかされて モバイルアプリのUIデザイナーに。 Wishscope、トレタ、ビズリーチ、 レシピブログとか 色々
この記事はSketch Advent Calendar 2017 5日目の記事です。 - こんにちは、デザイナーの沢登（@sawamemo） です。 私はデザインする際にSketchを使う事が多いのですが、以前はSketchの独特なパス操作が苦手でアイコンなどはイラレで作成し、Sketchに移す。というフローでカバーしていました。 しかし、実際のところアイコン程度のシンプルな形状であれば、複雑なパス操作やアンカー操作を行わずとも作成出来ます。（ということに気づいたのが2年ほど前） また、デザイナーによってもアイコンの作り方もまちまちで、自分の作り方をアウトプットしてみたら、別の作り方も見えてくるのでは？と思い記事を書いています。他にも良い作り方があれば教えて頂けると嬉しいですね🙏 前提今回作成したアイコンは8つで、主にアプリなどやWebサービスでよく使われる（よく作っている）物をピックア
2ヶ月くらい前にiOSDC 2017のプロポーザルを出したんですが、2つ出したうちの1つが採択されたので登壇してきました。 speakerdeck.com サンプルリポジトリはこちらです。資料だけだとわかりにくい部分もあると思うので、少し補足しておこうと思います。 Import Sketch Icons to Asset Catalog on CI Sketchからアイコンを切り出して、Asset Catalogを生成して、差分があったらiOSのリポジトリにPull Requestを出すというのをCIで自動化している話です。 私の所属するQuipper Limited.で実際に運用している知見です。 @konifar konifarという名前で、TwitterやGitHubをやっています。 プライベートで、専業主婦の嫁さんとエンジニアリングやエンジニアの仕事に関する雑談をするyome.fm
こんにちは。デザイナーの大橋です。 今日は、私が担当している “（しら）ずにお金が（たま）る”自動貯金アプリ『しらたま』 で導入してました、デザインのバージョン管理の話を紹介します。 デザインのバージョン管理といえば、AbstractやKactusがありますが、今回はあえてGit Sketch Pluginを試してみました。 デザインデータをGitHubで管理しようと思ったキッカケ 私以外のチームメンバーがみんなエンジニアだから、間違いなくGitHubに寄せたほうが効率いいんじゃないか。 新しいツールを導入すると、プロジェクトに関する情報が分散してしまいがちで、エンジニアも招待したり登録してもらったりしなきゃいけないのかなという印象。※あくまで印象です。 Kactusはプライベートレポジトリが有料。 こんな感じでなんかファイルが増えてく。。。(忙しいと放置しがちでよくない。。 GitHub
オリジナルのアイコンフォントを作成する やりたいこと 自分で作ったアイコンを一つのフォント化する。 以降、アイコンを追加したい際は、ファイルを追加してビルドすればOK 使ったもの gulp gulp-iconfont 本当はgulpにも依存したくないけど… 自分のSVG作成時のルール gulp-iconfontのレポジトリに詳しく乗っているので、よく読む。 ツール Sketch3を使う Sketch3で作成する際のテンプレートがあるので活用する symbol-font-14px.sketchをベースにしました。 サイズ 500px以上の高さで作ること 基本的に幅と高さ560pxのSVGファイルを作成する テンプレートのサイズ感をそのまま継承 アイコン本体は480pxの正方形に収まるようにする カラー 黒色(#000000)のベタ塗り 試しにSketch3で作ってみた感じ 作成したsvgから
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
