タグ別アーカイブ: design

Mac用デザインツールSketch3評価版でinkscapeと同じ作業をしてみた

| コメントをどうぞ

Mac用デザインツールSketchの使い勝手を試したメモです。
現場のプロが教えるWebデザイン&レイアウトの最新常識
」に掲載されていたので気になっていたので、Inkscapeと同じ作業をして比べながら見て行きたいと思います。

Sketchとは

数年前にMacアプリとして出たデザインツール。位置づけ的には、AdobeのIlustratorやフリーソフトのInkscpaeと同じカテゴリに入るツールで、ベクターグラフィクスを扱うのが得意なツールです。
脱・Adobeとして注目されているそう。
当初は4300円とお安かったようですが、その後7800円、現在は9800円と値段が上がっています。
それでもillustratorは現在クラウド版で従量課金型、単体では月々2180円ということですから、長期間デザインツールを使いたい人にとっては1万円以内で購入できてしまうのはコスト的に魅力的です。

続きを読む

SVGアイコンをきれいにWebフォント化する方法(Inkscape+icomoon)

| コメントをどうぞ

Webフォントについて調べてみると、本当に色々なところで使われています。

代表的なのはFont Awesome

色々なライブラリがありますが、ライブラリに使いたいアイコンがない!

という場合は多々あります。

そんなときのために自分でかんたんにWebフォントを作れる方法をご紹介です。

流れとしては、

  1.  サンプルSVGファイル用意
  2. Inkscapeで微調整
  3. font icon generatorサービスでWebフォントを作成

といった感じです。

続きを読む

ノンデザイナーの私がデザインするときによく使う重宝ツールまとめ

| コメントをどうぞ

デザイナーではないけど、開発上デザインをしなければならない時があります。

そしてできれば今流行りのフラットデザインで綺麗なものを作りたい。

プログラマーの方でデザインに悩む方は多いのではないでしょうか(私だけじゃないはず・・・)。

色々検索してもデザイナー視点の記事が多く、なかなか素人には真似しがたいなぁと思っていました。

そこでノンデザイナー=素人の私が、これは便利!なるほど!と思った便利なツール、ためになるブログ、便利なサービスやライブラリをまとめてご紹介です。

プロのようにはなかなかいきませんが、下で紹介したページやツールにより随分とすっきりしたデザインになると思います。

続きを読む