はてなブックマーク

ディレクターにチェックしてもらうとき、クライアントとの打ち合わせのとき、Webサイトの文字校正…など モニターごしで見るWebデザインでも、紙に印刷してチェックを行う機会って結構多いものです。 ただ、Webページのデザインって大体縦に長いんですよね。ランディングページなどの1ページ完結型のサイトになると、それはもう、もう！ひたすら長い！ それをA4やA3用紙1枚に全体を収めようとすると、文字も読めないくらいに小さく、左右の余白もたくさん出てしまって…ちょっと残念な仕上がりになってしまいます。 こんなイメージ。なんとか収まっている…というような状態です。 今回はPDFの閲覧・編集に便利なAdobe Acrobatを使い、縦に長い画像を見やすいサイズに分割し、横に並べて印刷する方法をご紹介します。 A4用紙にこんな感じに並べて印刷していきます。 ※Mac El Capitan/Adobe Ac

ブラシを使用した線を使った手描き風の表現や「不透明マスク」を使用したがさっとしたラフな塗り表現など、Illustratorを使用した手描き風の加工をこれまでご紹介してきました。 今回はIllustratorだけでできる、水彩画風の表現方法です。 とある案件のデザインをしていたときのこと。 基本はIllustratorのベクターイラストなのですが、塗り方だけ水彩画のような表現ができないかとの指示をいただきました。 なにかいい方法はないかと探していたところ、3倍早くなるためのDTP講座 様のこちらの記事で紹介されていた方法がとても参考になりました。 自分なりに試してみたものを、覚書として今回記事として残しておきます。 水彩テクスチャーを重ねる 例として加工を加えていくのはこちら。水彩テイストに似合いそうだったので、桜には少し早いですが花見のイラストにしてみました。 まずテクスチャーを重ねて、全

以前書いたslickの記事が比較的に読んでいただけているようなので、調子に乗ってもう一つ書きます。 前回記事 レスポンシブWebデザインに対応！Slick.jsを使ってスライドの サムネイルの位置を切り替える 現在(2016年4月)弊社では求人を募集していまして、求人ページを作った時に使ったパターンです。 →　この個所(INTERVIEW)です 今回はカルーセルスライダーで、真ん中の写真だけちょっと拡大させて見せるやつです。 カルーセルスライダーでたくさん写真があるぞっていうのを示しておいて、その中でウェイトを付けてあげることで目を引いてもらうパターンですね。 公式のサンプルの中のセンターモードで紹介されているやつ何ですが、普通にセンターモードにするだけだとこうならないし、特に公式では拡大させる方法が紹介されていないんですよね。※見つけられていないだけかもしれません… ということで求人ペー

それぞれの問題点 「1.SNSのハッシュタグで集める」の場合 基本的に承認制ではないのでどうのような投稿も拾ってしまう。 SNSのアカウントが必要になる。 「2.会員制のサイトを作る」 ログインしないと投稿できない。 「3.WPのプラグイン使う」 サーバなどの初期コストがかかる。 「4.フォームで投稿してもらいかき集めて静的HTMLで表示」 1件1件HTML追加するのは大変。自動追加したりするのにプログラムが必要になるかも。 こうなってくると、それぞれに一長一短ありますね。 今回やってみたいことの要件は、 誰でも投稿できる アカウントやログインはしたくない 主旨に反するような投稿は掲載したくない ということにで考えます。 Tumblrのゲスト投稿について そこで今回はTumblrのゲスト投稿を使ってみます。 そもそもTumblrってなんだという方はこちら。 Tumblrとは、アメリカのDa