コーディング作業はもう一切不要！2.0でものすごい進化を遂げた、国産の無料デザインツール -STUDIO 2.0
去年当ブログで紹介した際にも評判が高かったSTUDIOが、満を持して2.0にアップデートされました！ STUDIOはコーディング作業は一切不要で、Webサイトやスマホアプリのデザインを積み木感覚で楽しくデザインできるツールで、無料で始めることができます。 STUDIO STUDIOの特徴 STUDIOの使い方 STUDIOの特徴 STUDIOは無料で利用できる国内産のデザインツールで、Webサイトやスマホアプリのモックアップ作成から、デザイン、さまざまな実機でのプレビュー、公開、そして運用や解析まで、それぞれの専門知識に詳しくなくても簡単にできます。
コピペで使えるオシャレな配色パターン見本 25 （全組み合わせWebカラーコード付） - LITERALLY
今回はひたすら配色パターンを紹介していく。探しやすいように色ごとに分け、使いやすいように解説とWebコードも合わせて紹介する。プレゼン資料、Webデザインなどで目的に合った配色をそのままコピペして使って頂ければと思う。 ▼ 目次 カラフルな配色パターン 橙系の配色パターン 青系の配色パターン 緑系の配色パターン 黄色系の配色パターン 赤系の配色パターン 高級感を表現する配色 わび・さびを表現する和風配色 シンプルに格好良いグレーの配色 カラフルな配色パターン 1. 淡い「カラフル」 ■ #FF7D7D ■ #FFD580 ■ #B3E2B4 ■ #ABE7FF ■ #B8B2EA ■ #DBDBDB 淡いカラフルな配色は、白の背景に合わせると「透明感」を出すのに効果的。カラフル系の配色は扱いづらいので、上のコードをそのままコピペして使って頂くのが良いかと思う。 2. 力強い「カラフル」 ■
スキルが増えた！今後を生き抜くためにＷｅｂデザイナーも習得しておきたい技術
作成：2014/03/17 更新：2014/11/01 Webデザイン > クライアントさんの依頼やクラウドソーシングでもライティングや撮影依頼の需要が増えてきました。コンテンツファーストの時代になり、ライターだけじゃなく「コンテンツを作れる」デザイナーやエンジニアは、今後100%重宝されます。今回はフリーでも活躍できるように、ライバルのデザイナーさんと差別化できるように「コンテンツ作成」もできるデザイナーになるためのスキルをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ コンテンツ設計 １．イラスト作成のスキル ２．写真の撮影技術と知識 ３．動画編集の技術 ４．コピーライティング ５．モーショングラフィック ６．電子書籍の作成 Webデザイナーの基本知識とスキル ７．UX・UI・IAの知識 ８．レイアウト基本原則 ９．配色＋色彩計画 １０．フ
デザイナーはなぜMS Pゴシックを使わないのか? - エディトリアルデザイナーに聞いてみた
デザインを語る上で重要な要素のひとつ、「フォント」。デザインを実際に手がける人だけでなく、それを見る多くの人にとってなじみ深いフォントとして、Windowsのプリインストールフォント「MS Pゴシック」は代表的なもののひとつかもしれません。 「MS Pゴシック」 「MS Pゴシック」は過去にマイナビニュースで実施した美大生の「お気に入りフォント」アンケートにも名前が挙がった実力派(?)ですが、実際に日々グラフィック/エディトリアルデザインを手がけているデザイナーの目には、この定番フォントはどう映るのでしょうか。 今回は、デザイン会社にてエディトリアルデザイン/Webのレイアウトデザインを手がけているSさんに、「MS Pゴシック」についての率直な思いを伺いました。 ――「MS Pゴシック」、デザイン業務で使うことはありますか? 私は主にエディトリアル(雑誌や書籍など)、グラフィック、Web領
Webクリエイターボックス
WebクリエイターボックスのX: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったWeb関連の情報トップ10を紹介します。見逃してしまった人はこちらでチェック！まだフォローしてない人はお気軽にフォローしてみてくださいね！ 続きを読む Web制作やデザインに関する情報は、インターネット上以外にも書籍を通して体系的に学ぶことができます。今月も様々な本を拝読しました。その中でいいなと思った物、オススメの物をいくつか紹介します。 続きを読む WebクリエイターボックスのX: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったWeb関連の情報トップ10を紹介します。見逃してしまった人はこちらでチェック！まだフォローしてない人はお気軽にフォローしてみてくださいね
HOTEL ANTEROOM KYOTO | ホテル アンテルーム 京都
ホテル アンテルーム 京都へようこそ HOTEL ANTEROOM KYOTOは、2011年当時、学生寮として使用されてきた建物をコンバージョンしオープンしたホテル＆アパートメントです。 館内には、ギャラリー・朝食レストラン・バーを併設。2016年のリニューアルでは新たに67室が加わり全128室の客室と50室のアパートメントとなり、 コンセプトである「アート＆カルチャー」に新たに「和」が加わりました。 アンテルームではそれら3つのテーマを現在進行形の視点で捉え、「京都の今」を発信しています。 京都府京都市南区東九条明田町7番 JR京都駅八条東口より徒歩15分、地下鉄烏丸線九条駅より徒歩８分、東寺まで徒歩18分 075-681-5656
無料で商用利用OKな「Comic Neue」は、「Comic Sans」にインスパイアされたフォント
「Comic Sans」は1994年にフォントデザイナーのVincent Connare氏が作成したフォントで、漫画本などのカジュアルなフォントから着想を得て作られたものです。このフォントはWindows 95のリリースと共に世界中に広まったわけですが、あまりにカジュアル過ぎるそのデザインにより、「Comic Sans」を使うと「あらゆるデザインを著しく損なわせてしまう」としてデザイナーからはとても不評で、「Comic Sans」の使用を禁止しようとする運動まで巻き起こっているほど。 そんな「Comic Sans」の代わりになりそうなのが、カジュアルながらも印刷した際にテキストとして読みやすいようにデザインされている、メモやコメントを残すのに最適なフォント「Comic Neue」です。 Get Comic Neue http://comicneue.com/ 左側が「Comic Sans」
必読！5分でわかるレスポンシブWebデザインまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
二度目まして。デザイナーの野田です。 レスポンシブWebデザインについて、僕なりにまとめてみたのでご覧下さい。今回は、制作に関することではなく、最低限知っておかなければならないことの基本編になります。 独学でつまずいていませんか？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情報として持っておいて損はないはず。下記におすすめスクールを集めてみました！ レスポンシブWebデザインとは 「レスポンシブWebデザイン」とは、PC、タブレット、スマートフォンなど、複数の異なる画面サイズをWebサイト表示の判断基準にし、ページのレイアウト・デザインを柔軟に調整することを指します。 現在はPCやスマートフォンなど、デバイス毎に各HTMLファイル
奈良市公式サイトのパンくずが斜め上を行くヤバさな件 – Webディレクターのお仕事ブログ
【追記】Twitterで教えてもらったのですが、13行が改善されて3行になってました。ご対応頂いた市役所のご担当者様、富士通のご担当者様、お疲れ様でした。今後とも、よろしくお願いいたします。【追記終わり】 住民票を郵送で取り寄せようと思って市役所のサイトを見たんですよ。今まで何回も見てるし別に普通のクソみたいな使いづらい行政サイトだなって相変わらず思ってたんです。でもね、あれ、これはおかしいなって、思ったんです。なんかね、変だな～って。それがね、この画像なんですよ。 委任状 – 奈良市 すっごいパンくずなんですよ…パンくず食い過ぎてお腹いっぱい。マジで。 僕らの業界ってまぁどの業界でもそうだけど仕事の流儀とか、そういうのあるじゃないですか。使いやすいサイトを作りたい人、ある程度ユーザビリティを犠牲にするけどかっこいいサイトを作る人、でもこれ酷いでしょ。誰もパンくず13段にしろなんて望んでな
2012年、ピクトグラムのアイコン素材のまとめ、全部商用無料です！
全部ダウンロードしたら4000種以上！ 商用でも無料で利用できる、小さいサイズからゆる～いデザインのピクトグラムのアイコン素材を紹介します。 ※アイコンをご利用の際は、必ずライセンスを確認してください。
Webデザイナーによるカラーコードを使った便利なテクニックあれこれ
By OliBac コンピュータが色に名前を付ける時、数字やアルファベットを6つ並べた1677万7216通りの組み合わせで表される16進数カラーコードが使われます。カラーコードは他のコンピュータ言語と同じく論理的なシステムに基づいて作られるため、Webデザインを行う人間にとって16進数カラーコードを知っておくことは非常に助けになるとして、WebデザイナーのBen Gremillionさんがカラーコードの仕組みや便利なテクニックをまとめているのが「The Code Side Of Color」です。 The Code Side Of Color | Smashing Coding http://coding.smashingmagazine.com/2012/10/04/the-code-side-of-color/ そもそもスクリーン上のカラーは指定がない場合は黒いままで、16進数カラーコ
実例とユーザーテストからわかってきたよりよいUIのデザインとUXの条件
UIデザインとはユーザの使い易さ、分かり易さ、快適さから情報機器やWEBなどを設計をしていくことを言いますが、ハンゲームを運営するNHN Japan株式会社の此川祐樹さんが、ゲームにUIデザインを取り入れて、よりゲームを面白くするという取り組みについて語りました。 ユーザの行動から学ぶゲームUIデザイン NHN Japan株式会社クリエイティブマーケティングセンターマーケティングデザイン室/UXデザインチームの此川祐樹と申します。よろしくお願いします。 ユーザの行動から学ぶゲームUIデザインについて発表させていただきます。私は2011年に弊社に入社しましてUXデザイナーとしてWEBサービスをデザインしてまいりました。2012年からは主にスマートフォンアプリやゲームに関するUXを行っております。 弊社のサービスについて紹介させていただきます。主要4ブランドサービスを展開していまして、左からオ
ツタグラ [伝わるINFOGRAPHICS] | データとビジョンを持つ専門家と、伝える力を持つデザイナーがコラボレーションをする。
データとビジョンを持つ専門家と、伝える力を持つデザイナーがコラボレーションをする。インフォグラフィックスを使って未来をわかりやすく描き、より多くの人に伝え広めていく。こうして点が線になり、面になり、やがて日本を変える原動力になる。そんな新しいメディアが、「ツタグラ」です。地球環境の保護をただ「叫ぶ」だけで安心してはいないでしょうか？ 「エコジレンマ」という課題を前に、バックキャスト思考で未来を考える 必要が出てきています。
『iOSヒューマンインターフェイスガイドライン』はUI解説書の枠を越えている ：国内・海外情報から見える『企業のWEB活用法』：ITmedia オルタナティブ・ブログ
中小企業がITを活用して売り上げにつなげるにはどうしたらいいか？WEBマーケティングとWEB戦略コンサル実績350社50業種以上の実績とノウハウで、海外の最先端情報を中心に、噛み砕いてご紹介。 作成者：中山陽平 iOS、実質的にはiPhoneのアプリケーションを作る際に参照してくださいと言う事で配布されている「iOSヒューマンインターフェイスガイドライン（以下iOS_HIG）」 弊社のシステムを真剣にスマートフォン対応にするために読み始めたのですが、この内容が、ただのインターフェイスのガイドラインだけではなく、さらに踏み込んだ内容になっていて驚きました。 Appleのサードパーティアプリに対する姿勢、サードパーティアプリケーションがiPhoneの大きな魅力であるという認識が、このガイドラインからはにじみ出ています。 App開発者以外もぜひ見ておくべき これはぜひ、WEBに関わる方は見て頂き
色彩センスのいらない配色講座
3. 自己紹介 職業：デザイナー 物心ついたときには絵を描くのが好きだった そのままの勢いで某美大某デザイン科に進学 社会に出たらデザインの話が通じなさすぎて悶絶 そんな社会に対して、デザインの効果をりろんてきに説明して説得しようとしている marippe_
WebデザインTips
このページでは、ホームページ作成に役立つ小ネタを紹介します。 HTML/CSS関連 HTMLの標準化 スタイルシートについて ブラウザのスタイルシート対応について IE7/IE8.jsを使って、スタイルシートの標準化 New スタイルシートでタブメニュー jquery版タブメニュー スタイルシートでプルダウンメニュー スタイルシートで階層メニュー New スタイルシートでリンクボタン スタイルシートで画像を使ったhrタグ New JavaScriptによるスタイルシート(CSS)の操作 New CSS 3.0 対応状況 JavaScript関連 JavaScriptサンプルページ JavaScriptカレンダ表示オブジェクト サブウィンドウの表示 JavaScriptでcookieを使う話 その他のページ メモ帳で作るＨＴＭＬ ホームページ・ナビシステム TABLEタグのちょっと変わった使
フリーでハイクオリティな「IconEden」による商用利用可能な無料アイコンセットいろいろ
上記画像の「iCandies Icon Set」は全部で60種類のアイコンがそれぞれ64×64・48×48・32×32の3種類のサイズ、さらにEPS/AI/PNGの3つのファイル形式で提供されているというもので、使い勝手の良いデザインとなっており、個人利用だけでなく商用利用も無料です。 で、このアイコンセットを配布している「IconEden」は有料でカスタムアイコンを作成したり、お手製のアイコンセットを販売しており、この「iCandies Icon Set」以外の無料アイコンセットについてもまったく手抜きはなく、有料のアイコンレベルのとんでもないクオリティのものばかりです。 ダウンロードは以下から。 Free Icon set - Icon Eden http://www.iconeden.com/icon/category/free まずはこれ、MacOSXやiPhoneにインスパイアさ
文章の作り方 - 伝わるデザイン 研究発表のユニバーサルデザイン
研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演（アウトリーチ活動）の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者（研究仲間や審査員、一般市民）へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。 情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://miqata.com/t/14
Googleウェブサイトオプティマイザーの使い方ステップbyステップ： 無料でA/Bテスト入門 | U会話入門
