日経BPコンサルティング調べ　「大学スマホ・サイト ユーザビリティ調査2019-2020」 10月25日発行・発売 大学スマホ・サイト調査、１位名古屋市立は表示の速さで東京工科に競り勝つ —　大幅アップは東京家政大学、久留米大学、明治大学など　— 2019年10月25日 株式会社日経BPコンサルティング（東京都港区）は、使いやすさの観点から大学のスマートフォン・サイト（以下、スマホ・サイト）を評価する「大学スマホ・サイト ユーザビリティ調査 2019-2020」の結果をまとめた。対象サイトは前回の258サイトから、2サイト多い260サイトとした。総合ランキングは１位が名古屋市立大学、2位が東京工科大学となり、前回と順位が入れ替わった。トップ10には新たに、東京工芸大学（6位）、神戸市外国語大学（7位）、静岡県立大学（8位）が入った。一方、順位の上昇幅に注目すると、大きく上げたサイトは、東京

より多くの人に使いやすいカタチを目指すユニバーサルデザイン。その考え方は文字の世界にも広まっており、国内のフォントメーカー各社は「ユニバーサルデザインフォント（UDフォント）」を手掛けています。 書体を変えても、言葉の意味は同じ。ですが、“見え方”が変わると、言葉の在り方はどれくらい変わるものなのでしょうか。大手フォントメーカー・モリサワに取材し、日本初という教育現場での利用を想定した「UDデジタル教科書体」の開発者・高田氏、営業・盛田氏、瀬良氏らに話を伺いました。 教育現場の文字は“読みやすいだけ”では使えない ――　現時点で国内初の教科書向けユニバーサルデザイン書体「UDデジタル教科書体」。どのようなきっかけで開発したのでしょうか？ 高田氏：前回もお話しましたが、国内で最初のUDフォントは家電メーカーと共同開発されたもので、その後、各社からもフォントメーカーやタイプデザイナーの考えで高

より多くの人にとって、使いやすいカタチを目指すユニバーサルデザイン。その考え方は文字の世界にも広まっており、国内のフォントメーカー各社は「ユニバーサルデザインフォント（UDフォント）」を手掛けています。 書体を変えても、言葉の意味は同じ。ですが、“見え方”が変わると、言葉の在り方はどれくらい変わるものなのでしょうのか。大手フォントメーカー・モリサワに取材し、日本初のユニバーサルデザインの教科書体「UDデジタル教科書体」の開発者・高田氏、営業・盛田氏、瀬良氏に話を伺いました。 そもそもUDフォントとは？ ――　そもそもUDフォントとはどんなものですか？ 高田氏：人間の感覚は聴覚、触覚、嗅覚……などに分けられますが、情報の認知には視覚、特に文字情報の認知が大きな役割を果たしています。ですが、さまざまな事情から、読むことに困難さを抱えている人もいます。 UDフォントは「より多くの人に見やすく、読

翻訳サービスは、グローバル社会に伴い、海外企業とのコミュニケーションに役立つサービスです。 近年、海外進出が盛んな企業も増えており、事業の成長にあたって導入が必須のツールです。 しかし、「翻訳サービスが多くてどれが自社に適しているかわからない！」と思っていませんか？今回はそんな疑問を解消する「翻訳サービスのおすすめ」や、翻訳サービスの特徴・種類についても紹介・解説をします！ 翻訳サービスの特徴・種類 今や多くの翻訳サービスがあり、その特徴・種類はさまざま。ここでは、一般的な翻訳サービスの特徴や種類をまとめました。 オンライン翻訳サービス オンライン翻訳サービスは、主にgoogleやOCN、インフォシークなどが提供しています。その特徴は、機械によるURLやテキストの入力のみで自動翻訳できることです。 ただし、大意の把握や文法的に問題ない文章の翻訳には役立ちますが、長文や専門的な内容には不向き

年に一度のお楽しみ（自分の）。 説明 東京工業大学様の大学図書館のウェブサイト一覧に掲載された700超のサイトの中から選んでいます。（過去に選んだものは対象外） 選出基準は「きれいな配色・レイアウトと適度な情報量（主観）」です。 CMSとレスポンシブへの対応状況もあわせて記載しています。*1 青山学院大学・女子短期大学図書館 ガラッと印象が変わりました。高級感のあるゴールドが素敵です。カレンダーの各館の名前の色に以前のサイトの面影があります。 CMS: WordPress / レスポンシブ: 対応 出典：https://www.agulin.aoyama.ac.jp/ 九州工業大学附属図書館 カラフルなのにガチャガチャしていなくて素敵です。各お知らせ（？）のサムネイルも仕上がっていて、かなり"やってる"感あります。 CMS: Drupal / レスポンシブ: 対応 出典：https://w

グループワークやリモートワークを行う環境で、データを１箇所にまとめて格納できるオンラインストレージサービス「Dropbox」。2011年に日本語対応してからというもの、愛用されている方も多いのではないでしょうか。 かくいう弊社もDropboxをバリバリ使って日々業務を行っております。もはや足を向けて寝られない存在です。 そんなDropboxですが、近年のアップデートにより、データを保存・共有するだけでなく、デザインフィードバックツールとしてもかなり優れていることに気づきました。 実際に使ってみると、弊社でよく使っているデザインフィードバックツール「InVison」と比べても遜色なく、良い感じです。 ということで、今回はDropboxのフィードバッグツールとして良かったポイントをまとめてみましたのでご覧ください。 それではどうぞ！！ とりあえずDropboxファイルにコメントしてみよう まず

地域活性化を目指した取り組みが今、全国各地で増えている。山形県の北西部、日本海に面した城下町・鶴岡市と港町・酒田市を中心とする庄内地域もその1つ。その中でも、2014年に創業したヤマガタデザイン（山形県鶴岡市）は魅力ある街づくりを先導するリーダー企業だ。 同社は、慶應義塾大学先端生命科学研究所を核として研究所やベンチャー企業が集まる「鶴岡サイエンスパーク」の不動産開発運営会社としてスタートしたが、庄内地域の企業から出資を受けて事業領域を拡大。現在はホテル、カフェレストラン、集合住宅、農業施設、情報発信を行うWebメディアなど、庄内地域全体をデザインする地域主導型の街づくり企業へと活動範囲が広がっている。 ヤマガタデザインの榎本拓巳さん（事業推進部門 情報システムマネージャー）は、「ビジョンである“庄内地域に必要だけれど足りないもの”をデザイン・提供する地域主導の民間会社として、分野横断的な

こばかなさんと、グリッド分割の話をしてるときに出たネタなのだけど。 グリッドの59分割ヤバイよねぇというお話。 画面を59分割すると、様々な比率で端数がでない。汎用的なグリッド分割できて素敵。個人的にはnoteで図表を描く時は、 ・幅620px ・天地左右マージン15px ・グリッド59分割 10pxを意識すると、色々と便利だと思う。 これ全部、ピクセルパーフェクトに分割できる。 1分割 = 590px grid 2分割 = 290px grid 3分割 = 190px grid 4分割 = 140px grid 5分割 = 110px grid 6分割 = 90px grid 8分割 = 65px grid （厳密には10の倍数でないので△） 10分割 = 50px grid 12分割 = 40px grid 15分割 = 30px grid 20分割 = 20px grid 24分割

女の子のすこやかな成長を願う「ひな祭り」。およそ1,000年も続く日本の節句行事です。お姫様とお殿様が並ぶほほえましい雛人形は、春の訪れも感じさせてくれます。 そんなひな祭りに革命を起こした、ひとりの女性人形工芸士がいました。彼女が手がける雛人形は、これまでの印象とはずいぶんと違い、それゆえ賛否両論を巻き起こしたのです。 若くして故人となった工芸士は、どんな想いで斬新な雛人形づくりに挑んだのでしょう。それを知りたくて、彼女が星へと旅立った地、岐阜へ向かいました。 SNSで話題となった 1年後に急逝 この雛人形をご覧になったことはありませんか？ これは岐阜県の節句人形工芸士、後藤由香子さんが2016年に発表した、黒とグレーが織りなす雛人形。名前は「Gothic(ゴシック)」。 その名の通り、日本の伝統工芸に現代の「ゴシック＆ロリータ」の装いを採り入れた作品。 花をあしらったヘッドピースやデリ

2018年、主観で特にすごかった絵描きを独断と偏見でまとめました。 規約に基づきTwitterからの引用を行ってます。 最後に総評。敬称略。 オルタナティブ 丸紅茜 夜は二人を咎めない pic.twitter.com/rDilIwcCKk — 丸紅茜🦐1/23画集 (@malbeni) 2018年3月20日 線の太さが本当に素晴らしい。 構図が非常に高度で、パース角が弱いながらもアクロバティックな画面を作れる。 絵柄のタイプ的には競合が多く、かつ強く、激戦区だがそれでも存在感を持つ。 今年は画集もリリースされ、躍進が期待される。 あすぱら Bell pic.twitter.com/GeCzfuK0Vx — あすぱら (@sushi0831) 2018年3月5日 驚異的な才能をさらに伸ばし続けている。 クリエイターから愛されるタイプ。 くっか 加湿鼠 pic.twitter.com/fcL

どうも、イケダです。最近よくTwitterで知り合った若いデザイナーにお会いしているのですが、どなたにも決まって聞かれることがあります。 「G●●dpatchってぶっちゃけどうなんですか?」 知りません、なんで僕に聞くんだw 2015年に「Dear G●●dpatch」という内容のサイトを作って持っていったところ、「あー、またこれね...」と土屋さんに非常に悲しいリアクションをされてしまったので別の方法で気を引くことをオススメします。 というわけで今日は先日勝手にリデザインしたPolipoliのデザインを使って、UIデザインを行う時に僕が普段どのように色を選択しているのかをとても正直に書いていこうと思います。僕がこれから記す方法に則って色を選べば、誰でもナウでヤングなアプリを作ることができます。 はじめるよ レイアウトに関してはイニシエよりご先祖様がお築きになられたルールに則って並べればオ

去年当ブログで紹介した際にも評判が高かったSTUDIOが、満を持して2.0にアップデートされました！ STUDIOはコーディング作業は一切不要で、Webサイトやスマホアプリのデザインを積み木感覚で楽しくデザインできるツールで、無料で始めることができます。 STUDIO STUDIOの特徴 STUDIOの使い方 STUDIOの特徴 STUDIOは無料で利用できる国内産のデザインツールで、Webサイトやスマホアプリのモックアップ作成から、デザイン、さまざまな実機でのプレビュー、公開、そして運用や解析まで、それぞれの専門知識に詳しくなくても簡単にできます。

こんにちは。ディレクター半人前くらいののりんりんです。 今日は社内のディレクターさんに向けて、「AdobeXD」の布教を行いたいと思います。 AdobeXD、みんな使いたくなーれ(/・ω・)/ はじめにこの記事はディレクターさんが案件を進行していく上で、XDを利用するメリットについての記事です。 デザイナーさんがXDでデザインを行う際のヒント等は全く書かれていませんのでご注意ください。 今回なぜこんな記事を書くかというと、XDを利用したディレクションを行うことで、 「クライアントと目線をあわせることができる」からです。 クライアントと制作側にはどうしても知識や温度感の差がありますから、それを極力埋める意味でもXDは非常に有効なツールです。 XD≠デザインツール、XD＝資料作成ツールディレクターさんとXDの話をする際によく聞くのは、 「XDってデザインツールでしょ？使うのめんどくさい。」とい

様々なもののデジタル化が進む中で、デザイナーの役割も大きく変化し始めている。 特にインターネットを介したサービスにおいては「design, Design, DESIGNの違いを知っていますか?」でも紹介されている通り、世界中の不特定多数のユーザーを念頭にデザインしなければならない時代になってきている。 それは同時に、受け取り側の趣味嗜好や価値観を十分理解した上で、プロダクトやメッセージングを考える必要があるということでもある。デザインコミュニケーションとして、単純に言葉を翻訳しただけでは不十分なのである。 目で表情を伝える日本人、口で表情を伝える欧米人日本と欧米では絵文字の表現方法が大きく異なる。特に日本では「目」を主な表現として利用しているのに対し、欧米では主に「口」の形の違いで感情を伝えている。 この違いの原因の一つが日常生活における人々の生活習慣の違いだろう。 ご存知の通り、花粉症の

本棚にステキな雰囲気の路地裏が現れるアート作品「路地裏bookshelf」に称賛の声が上がっています。見てるだけでワクワクが止まらない……！ 少し厚めの本といった大きさの作品で、その中のわずかな空間にリアルな路地裏が広がります。のぞくと室外機や家の裏口や窓などが見え、木ならではの温かい質感とオレンジ色の光がノスタルジックな空気感を醸し出しています。物語を想像させる、奥の見えない曲がった道がグッとくる……。 本と本の間に現れる“路地裏”に物語を見る 作者はTwitterユーザーのmonde（@monde55212068）さん。さまざまなアート作品を制作しており、以前にも「デザインフェスタ」に出品した同シリーズが「素晴らしい」「すごいセンス」と話題に。今回のは文庫本サイズ版で、見た目がかわいらしいだけでなく、路地裏をライトアップする電源スイッチを表面に搭載しています。 静かな雰囲気と、温かみの

いらすとやのイラストのこだわりを軽視したらダメ。 いらすとやの素材は反転して使用しても違和感が無いように人物素材に服のボタンやポケットが書かれていない。色々な髪型の、色々な服装の、複数の人物が存在する。種類の豊富さもすごい。 誰にでも親しまれるイラストを書くことの難しさよ。 — 理央 🎊ゆかりっくフェス10/6参戦 (@Rio_M) October 27, 2018 実際に反転してみると、たしかに違和感がない！ ではそんなにこだわっているのなら、色の方はどうなのかな？と思ったわけです。 色覚を変えて見てみる 使った素材はこの３つ。３つめは半分趣味です。 できれば、いつも色覚を変換するときは、TOYO INKの『UDing®』を使うのですが、マシンを新しくしたら使えなくなってしまい…。 P型とD型だけですが、フォトショップの『色の校正』機能で変換しました。 ラーメンを食べる男 麺の部分と洋

シンプルなアイコン素材は、重宝しますよね。 Webサイトやブログ、スマホアプリなどにぴったりな、シンプルにデザインされた無料で利用できるSVG完備のアイコン素材を紹介します。 CC0なので、商用利用時のクレジット表記は不要、複製、改変、配布などもOKで、使い勝手がかなりよいと思います。

１．うずらフォント（手書きフォント系） ▼ぜんぶうずらフォントです。 手書きフリー日本語フォントはたくさんありますが、最近はこれがお気に入りです。 ゆるい感じが可愛らしい。 ちょうど下手すぎず、上手すぎずがちょうどいいんですよね！ このフォントの使いみち ダウンロードはこちらから ２．Noto Sans Japanese /a 源ノ角ゴシック（ゴシック太さ多数） GoogleとAdobeからこのフォントが発表された時、デザイナーは沸きました。 しかし思いません？ winならメイリオとかmacヒラギノとか最初から入っているフォントでいいよ！ ぼくも、そう思います！ あーでも、しかし１つだけこのフォントが便利な点があるんです。 それは 文字の太さの種類がある これが大事なんです。デザインを作る時に便利！ OSに最初に入ってるフォントは、太さの種類が２、３種類だと思います。 ボールドボタンで太く

デザイナーのベーコン（@dogdog464646）です この記事では↑のようなアイキャッチをCanvaという無料ソフトで作っていきます これ、パクってOKです！ しかもCanvaの中には高品質な無料画像が入っていますので、ブログ記事に合わせて画像と文字を変更しちゃえばすぐに高クオリティのアイキャッチが作れます（応用編としてチラシとか名刺にも使えます） 先日はじめてCanvaを使ってみましたが、これは無料なのにツボをおさえたツールですね この記事では ・ブログのアイキャッチのクオリティを上げたい ・インパクトのあるチラシを作りたい ・無料のソフトで作りたい という方に向けて書いています ブログのアイキャッチを見ていると「こうやれば簡単に作れるのに」と思うことが多々あります Canvaを使ってアイキャッチを作ってみてください！ Canvaとは（キャンバ） オンライン上で使える、画像制作ソフトで

今だけ無料！秋にぴったりな草花がかわいくデザインされたパターン素材 -Autumn Splendour Patterns