Inkscapeのマニュアル本を出版しました。
TAG

レイアウト

レイアウトに関するタグ

  • 2017年11月9日

簡単にテキストレイアウトができるinkscapeの「テキストの流し込み」機能の使い方

写真付きのパンフレットでよくあるテキストレイアウトには被写体を邪魔しないようなテキストの配置がされていますね。 テキスト部分の輪郭がカーブしてることが特徴的です。 inkscapeでこのテキストレイアウトを実現する方法がテキストの流し込みです。 この記事は2014年9月20日に公開した記事を再編集したものです。

  • 2020年12月13日

混乱してない?CSSレイアウト【position: absolute】を最短で理解するための2つのポイント

 positionを使うとfloatやmarginを駆使してレイアウトを設定するより簡単に設定できてしまうのですが、1つ難しいところがありますね。 そう。 【position: absolute;】で配置を設定するときの基準がわかりにくいのです。 大体は疑似要素(after、before)と一緒に使われていたりするので、結構理解に苦しむ部分です。 今回はそんな【position: absolute […]

  • 2017年11月9日

デザインの中で「線」が果たす役割を考えてみよう

1つのデザインの中で「線」がどんな役割をはたすのか?についてのお話です。 架空のカフェをテーマに紹介カードを作成をしながら、レイアウトの中で「線」の役割を考えてみる ということをやってみました。 今回は「線」というシンプルな素材ですが、素材の理解というはとても大事ですね。

  • 2016年9月27日

CSSのfloatを使ってリキッドレイアウトを組んでみた

先日ふと思い立って、一からWEBサイトをデザインし始めることにしたのですが、一からと言うのはなかなか難しいですね。 基本も忘れかけていたのでちょっとずつメモしていこうと思います。 私自身リキッドレイアウトやレスポンシブ対応など、ちゃんと勉強したことがありませんでした。 ですから、HTMLとCSSは読めば分かる程度の知識しかありません。 同じレベルの人には調度よい難易度?かもしれません。

  • 2019年2月16日

inkscapeでフローチャートを作る方法

この記事はキャプチャ画像だけでしたがアクセス数が多く人気があったので最新版の記事を作成しました。 最近作り始めた資料でフローチャート様な、マインドマップの様なものを取り入れようと思ってインクスケープでうまく描けないかを試行錯誤してみた。 メモ書きなのでキャプチャ画像だけです。 画像クリックすると、拡大表示されます。

  • 2019年2月16日

inkscapeの「整列と配置」でオブジェクトを綺麗に並べて表を作る方法

inkscapeには整列と配置を調整するための機能があります。 この機能を使うと3つ以上のオブジェクトを等間隔に配置したり、オブジェクトの中心を合わせて新たな画像を作成することもできます。 簡単なものだと、正方形や長方形を組み合わせた表を作ることができます。 今回は「整列と配置」の機能を使って、四角形を並べた表を作る方法を紹介します。