Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ##はじめに マテリアルデザインという言葉は知っていましたが、それが一体なんなのかを正しく理解しないまま、 「これからは、マテリアルデザインだぜ」のような顔して、生活していましたが、 知ったかぶりしているのがバレる前に、少し学んでおこうと思いました。 #マテリアルデザインとは 2014年にGoogleが発表した**「デザインのガイドライン」**。 直訳すると「物質デザイン」。 ##マテリアルデザインの目的 スマートフォン、タブレット、テレビ、メガネ、腕時計などのデバイスで、 統一されたデザインを取り入れることにより、操作性も統一され デ

たまに他人の作成したデータを修正することがあるが、異Q数混植で下揃えにする場合、いまだに文字揃えを「欧文ベースライン」に設定しているデータに出くわして驚くことも屢々だ。 その無意味さを明らかにしてみる（環境は未だにInDesign CS2）。 50Qと100Qで以下のような文字列を「文字揃え=仮想ボディの中央」として、テキストフレームに入れてフレームを内容にフィットさせた（25*125mm）。 下線は、すべて「線幅=0.12mm/オフセット=0mm/色=C100%」にして適用。 打ち消し線は、一般的な和文フォントのベースラインは880/1000の位置にあることから逆算して、50Q部分「線幅=0.12mm/オフセット=50Q*0.38/4=4.75mm/色=M100%」、100Q部分「線幅=0.12mm/オフセット=100Q*0.38/4=9.5mm/色=M100%」にして適用。打ち消し線は

Illustratorをウェブ制作に使い、ビットマップ書き出しするときのアレコレについて、これまでいろいろと取り上げてきましたが、現在、下記の制作方針が最強だと思われます（ツッコミ歓迎ですので、何かあればお気軽に）。 ドキュメントプロファイルは「Web」。［プレビューモード］を「ピクセル」に変更、［新規オブジェクトをピクセルグリッドに整合］はオフ ［線の位置］を「内側」にして作業 ［アピアランス］パネルメニューの［新規アートに基本アピアランスを適用］のチェックをはずしておく ［新規オブジェクトをピクセルグリッドに整合］はオフに ［プレビュー境界を使用］にチェックを入れる キー入力を「1ピクセル」に アートボードの座標に注意 sRGBを基準に これによって、次のような問題を回避できます。 プリントメディアの設定で制作されたドキュメントをWeb向けに利用しようとすると、エッジがにじむ。 ［新規

READ MORE こんにちは、ちびまや（@Mayayan6）です。 最近読んだ、webデザインに関する本で、いろいろと考えさせられることがあったのでそれをまとめます。 webデザイナーとしてこれから頑張ろう！って人のために役立てば嬉しいです＾＾ クライアントと制作側の「伝えたい情報」と、ユーザーの「知りたい情報」の差 最近、とあるピラティス系のスタジオサイトを運営したりしてて、クライアント側から、「今度はこれを売りたい！」とか「この新しい情報を全面に押したい！」といった依頼をいろいろと受けます。 確かに、新しい情報を押すのも大切なんですが、ときどき立ち止まって考える必要があるなと思いました。「ユーザーが知りたい、探している情報はどれか」という点を。 サイト側が伝えたい情報に導いていくことを「導線」、ユーザーが自ら知りたい情報を求めて動いていくことを「動線」といい、おなじ響きでも意味合いは

デザイン会社Basecamp⛺️の代表。dely株式会社のCXO。東京で活動する事業作りを仕事にしているデザイナー / プロダクトマネージャーです。 仕事の依頼はDMで受け付けております。

いままでJPEGで写真を撮っていたけどそろそろRAWで撮ってみようかな？という声を良く聞きます。多くの人は「RAWは高画質だから」と言うのですがそれってホントでしょうか？今回は一眼レフやミラーレスでよく使われるRAWとJPEGの違いやメリット、デメリットについてご紹介します！ RAWはホントに高画質なの？？写真を始めたばかりの人にはあまりなじみのないRAW（ロウ）画像ですが、あるとき「高画質に記録できる”RAW”というものがあるらしい」とRAWの存在に気づきます（笑） どうも「RAWで記録すると写真がキレイになる」というフワフワした情報だけが一人歩きしているような感じなのでここで一度スッキリとRAWとJPEGの違い、それぞれのメリット、デメリットについてまとめてみましょう！ ほんとにRAWは高画質なのでしょうか？？ ＊ここでの”JPEG”とはカメラ内で生成された”JPEG形式の写真”として

古くからマンガの表現技法として使われてきた中心から放射状に伸びる集中線ですが、最近では写真の加工用途に使われることが多くなってきました。簡易的な専用のアプリなどもあるのですが、今回はPhotoshopの便利なアドオンを使って柔軟に高品質な集中線を描く方法をご紹介します！ ライターの村上です。 ブログやウェブサイトで写真を活用される方は非常に多いと思います。最近は個性的な加工をして、色々なブログの中でも埋もれない写真や画像をを作られる方が非常に多くいらっしゃいます。 自分もPhotoshopを使って人目を惹く写真の加工ができないか色々と試行錯誤しました・・・ 何か変わった、そして分かりやすい加工はあるかどうかと考えた結果は 集中線でした！！！ 漫画の表現で良く見られるある点から放射状に伸びる線の表現の事で上のタイトル画像に用いている効果です。 これ、Photoshopのアドオン(無料)を使う

こんにちは。会社でWindow家でMacを使っているので、Phothoshopのコマンドキーの配置に未だに戸惑います。井畑です。 今回は最近知って、おしっこちびるかと思ったほど便利なPhotoshopのショートカットや小技を紹介します。 ショートカットは慣れるまでは大変ですが、一度覚えてしまえば、それ無しには作業できなくなるほど、便利なものです。使った事が無い人は是非積極的に使ってみてください:) 今回はPhotohospのショートカットを一から紹介〜というものではなく、実際に作業してみて便利だなーと思うものをチョイスした記事となっております。 もしかしたらかなりマニアックなところかもしれませんが、ひとつでも読んでくれた人に「うぉーその技知らなかった。便利やーん！」というものがあることを祈って… それではどうぞ！ 最近覚えて便利すぎておしっこちびるかと思ったPhotoshopの小技/ショー

【タイアップ】運営者はノーコード感覚！ Webデザイナーはプロフェッショナルに！「かんたんデザイン編集」が生み出すWebデザイン→運用の新常識！

This domain may be for sale!

昨年から、地元の印刷会社さんのお手伝いでスーパーのチラシを制作させていただいているんですが、最初に作業手順を聞いたときに、そのあまりの面倒さに閉口してしまいました。 スーパーのチラシって、何重もの文字フチとか、値段の数字が重なってて円だけ小さいとか、囲みとか、必ず文字が画像にかかってしまうから白フチもつけないといけないとか・・・ そんな手数のかかる作業を、長年チラシ制作をされている方は、イラストレーター5.5 でショートカット連打でバキバキ作ってたりするわけです。 しかし、短納期・安価を求められる今の時代、いつまでもイラストレーター5.5時代の作業を続けているのでは、相当な熟練者でないと時間にもお金にも見合う仕事ができないし、会社としては熟練者に単純作業に近いことに延々と時間を使ってほしくないのです。 でも、今のイラストレーターならできるんですよね。 そんな、知っている人は知っているけど、