All slide content and descriptions are owned by their creators.
![デザイン組織を作って実行したこと // Speaker Deck](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f48963f709a0ac2028f83b4626b25f21e06c0bb/height=288;version=1;width=512/https%3A%2F%2Fspeakerd.s3.amazonaws.com%2Fpresentations%2F68c1dda07c6443ffacbf8cf1a28ead26%2Fslide_0.jpg)
All slide content and descriptions are owned by their creators.
明日、いや今日からすぐに役立つ、日本語フォントの書体の選び方・組み合わせ方、そしてそれをどのようにデザインするのか、日本語タイポグラフィのテクニックを学べるスライドを紹介します。 スライドは、日本語デザイン研究会中部の勉強会でプレゼンされた日本語のタイポグラフィのスライドで、特別に掲載許可をいただきました。 DTPの勉強部屋(名古屋)で登壇しました 日本語デザイン研究会中部は、タイポグラフィの大切さと楽しさを伝えるため・学ぶための交流の場として結成されました。 スライドは全部で45ページ。 日本語の読ませるタイポグラフィについて、書体の選び方や組み合わせ方、実例とともにデザインのテクニック、どのように勉強すればよいのかまで掲載されています。
▼使い方は簡単です。「Typeface」を起動したらウィンドウ最上部のテキスト入力欄に任意の文字を入力するだけでOK!Macにインストールされているフォントの一覧を比較することができます。 ▲また気になるフォントだけを比較したいときは、ウィンドウ上部にドラッグ&ドロップすると任意のフォントだけを比べる「Quick Collection」機能も使用できます。 ▼その他のオプション機能としてフォントのメトリックを表示させることも可能。 ▼またフォントのアウトラインを確認したり… ▼任意のフォントに含まれる詳細な文字をチェックすることもできます。 ▼さらにナイトモードでフォントを比較することもできますよ! あとがき @torizoさんをフォローMacにインストールされているたくさんのフォントを一度にプレビュー比較したり、気になったフォントだけを選んで比較したいときは「Typeface」を使うと便
by Stephen Poff 本などの文章を読む際に、声に出さずに黙読していても頭の中で文章を読み上げる「声」が聞こえる、という人が8割以上を占めていることが調査から明らかになりました。「読書中の内なる声」については、これまでほとんど研究が行われていない分野であり、幻聴障害の研究にも役立つのではないかと見られています。 Inner reading voices: An overlooked form of inner speech - Psychosis - Volume 8, Issue 1 http://www.tandfonline.com/doi/full/10.1080/17522439.2015.1028972 You hear a voice in your head when you’re reading, right? – Research Digest https:/
「Accelerated Mobile Pages」と呼ばれるGoogleが推し進めてきたプロジェクトですが、とうとう正式導入されることになりました。「Accelerated」は「加速される」という意味で、つまりモバイルページ高速化プロジェクト、といったところでしょうか。 まずは導入後のイメージを御覧ください。(英語ですが公式サイトのイメージよりもわかりやすいです) このように、検索結果にカルーセル形式で表示され、リンクをタップすると物凄いスピードでページが表示されます。 自分の携帯で試してみたい方は、下記URLのGoogle検索画面から「ニュース」というキーワードなどで検索してみてください。 http://g.co/ampdemo(※スマホからアクセスしてください) 既にTwitterやアメブロなど、様々なメディアがAMP対応を導入しています。 Googleが過去に発表してきた、モバイル
以前、メニューバーをトグルメニューと両立してレスポンシブスタイルにするカスタムを書きました。 www.yukihy.com トグルメニューは、ボタンを押すと上下にスライドするようなものでしたが、 現在このブログでやっているみたいに、横からのスライドにして、なおかつPC版では子メニューも設定できるようにしてみたいと思います! カスタマイズを行う際は、必ず以前のコードをメモ帳などにバックアップをとっておくようにしてください。 実装図 注意点 カスタマイズ CSS HTML&jQuery HTMLにリンクを入れる その他のカスタマイズ 色を変える グローバルメニューの横幅を変えたい グローバルメニューとトグルメニューの変えるタイミングを変えたい まとめ 実装図 完成図はこんな感じです。ブラウザのサイズが広いときには、子メニューまで出せれる一般的なグローバルメニューで、 ブラウザサイズが狭くなると
こんにちは! 毎朝寒さで布団からなかなか抜け出せません、エンジニアのゆたろです。 みなさん、スマホのタッチジェスチャーの実装につまずいたことはありませんか? 今回は、そんなときに便利なライブラリ「Hammer.js」をご紹介します。 hammer.jsを使ってみよう http://hammerjs.github.io/ まずは、上のリンクよりプラグインをダウンロードしちゃいましょう! https://github.com/hammerjs/jquery.hammer.js ここではjQqueryプラグインとして使いたいので、jquery.hammer.jsも合わせてダウンロードしてください。 ダウンロードしたファイルとjQueryをHTMLに読みこませます。 <script src="jquery.js"></script> <script src="hammer.js"></script
こんにちは、デザイナーの藤田です。 デザインをやっていると、見出しのデザインに悩むことって結構ありますよね! 自分のデザインストックを増やすためにも、今回のブログでは今っぽい見出しデザインをタイプ別にまとめてみました! 独学でつまずいていませんか? 現場で活かせるWebデザインを効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGではWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。 詳細を知りたい方は、ぜひスクールの詳細をチェックしてみてください! →スクールの魅力が分かる資料はこちら!(資料請求) ※この記事は2022年3月に編集部が情報を更新しました ジャンプ率パターン ミニマムなデザインでは見出しに過度な装飾を加えずに、本文に対し見出しの文字サイズを大きくすることで見出しを目立たせるサイト
Web制作やシステム開発に便利な無料ツール集。 Whois、diff、IPアドレス確認、画像リサイズ、パスワード生成、各種エンコードなどの簡単Web便利ツールが満載。 PC・スマートフォン・タブレットのブラウザで使えます。常時SSL対応です。 皆さまの「こんなツールが欲しい」等のご意見・ご要望も随時受付中です。 フィードバックボタンよりお気軽にお送りください。 また、当サイト内のページはすべてリンクフリーです。 データの取り扱いについて 当サイトは、入力された値を安全に送受信するためにSSL暗号化通信を利用しています。 当サイトで提供しているツールは、入力された値をサーバに送り、サーバで処理した結果を使用しています。 サーバ上で使用・処理した値はただちに破棄されます。 免責事項 当サイトで提供しているツールや情報は、全て無料でご利用いただけます。 ツールの調査結果や掲載の情報は、正確なもの
「Wordpressのデータが消えてしまった!」「Wordpressのデータがバグってしまった!」などなど、Wordpressでサイト運営をしていると予期せぬデータトラブルに巻き込まれることがあります。 もしバックアップを取っていなかったならば、以前の状態にもどすことはまず不可能です。それまでにWordpress記事作成に割いた多くの時間と労力が完全にムダになってしまいます。 こうした事態を未然に防ぐためにも、Wordpressのバックアップを定期的に取ることはとても大事です。いつかあなたにも起きるかもしれないWordpressのデータトラブルに備えてほしいので、今回はWordpressのバックアップ方法と復旧手順を紹介します。 そもそもなぜWordpressはバックアップが大事なの? WordPressで作成した記事や画像のデータはデータベースに保存されます。htmlファイルに直接書き込
2018年8月5日に公開された記事を、サムネイル画像など再編集、アップデートしています。 フォトショップの作業が速くなる秘訣は、ずばりショートカットキーによる時短テクニック。 その理由は、「もっと早く知りたかった」と思うほど、ラクラクな手軽さで、面倒な作業をすぐに片付けてしまうから。 「レイヤーの重なり順を変えたい」 「細かい部分の作業を行いながら、同時に全体表示で確認したい」 「不要なレイヤーを非表示にしたい」 そんな普段からよく行う作業も、効率アップさせる時短テクニック18個が揃いました。 フォトショップがもっとうまくなりたいと思っている人こそ、まずは試してみませんか。
今、海外デザイナーを中心に広まっている「Sketch3」をご存知でしょうか。 国内では、Photoshopなどと比較するとまだまだ利用者が少なくマイナーなイメージがありますが、多数のUIデザイナーが活用している優秀なドローイングツールです。 今回は、Sketch3の使い方を分かりやすく紹介している記事をまとめてご紹介します。 Sketch3の魅力や他ツールと比較した記事もありますので、Sketch3が気になる、購入したけど使えていないという方はぜひご覧ください。 Sketch3の使い方が分かる解説記事まとめ 1.Sketch 3を使う3つの理由と10の魅力|グッドパッチのUIデザイナーに聞く Sketch 3の使い方 http://ascii.jp/elem/000/001/023/1023681/ 国内トップレベルのUIデザイン集団グッドパッチのデザイナーが、Sketch3の魅力と使う理
大人の階段を登ったと思う瞬間3選。 通勤 両親 嘘 通勤 普段は自転車通勤をしている私ですが、1ヶ月ほど前に酷い大雪だった日があります。 天気予報で雪だろうとは予想ができていたのでいつもより1時間早く起きました。 予想以上の大雪で当然自転車は不可能だと察し、交通機関を利用する事にしましたが、第1関門のバスで躓きます。 時間通りバスがきてくれません。 そしてバスがきたと思ったら、満員すぎて次にして下さいと言われるわけです。 その次のバスに無理やり乗る事に成功しましたが、バス内でおしくらまんじゅう押されて泣くな祭りが開催されるわけです。 バス停につく度に祭りが盛大になり、その光景は傍から見たら、名探偵コナンもパラパラを踊りだすスリル、ショック、サスペンス状態です。 死んだ魚の眼? 何言ってるの? そんな腑抜けた眼をしていたらこの祭りに勝ち抜きできませんよ? 第2関門の電車ですが、これがまた時間
Photoshop CC2014+(Win&OS X)、Sketch 3+(OS X)対応のUIデザインの面倒な作業を自動化する無料プラグインを紹介します。 Craft Craftの特徴 Craftの3つのパネル Craftのダウンロードとインストール Craftの特徴 CraftはUIデザインでの退屈で面倒な作業を自動化し、デザインワークフローを時短化するPhotoshop CC2014+(Win&OS X)、Sketch 3+(OS X)対応の無料のプラグインです。 リアルなデータでデザイン作業 さまざまなタイプのテキストデータや画像を簡単に利用できます。 ワークフローの効率化 データのインポート、デザイン要素の複製など、今までより素早くできます。 シームレスなインテグレーション CraftはPhotoshopとSketchの両方で同じように利用できます。 かなり急ぎ足のアニメーション
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く