『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
![ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP](https://cdn-ak-scissors.b.st-hatena.com/image/square/67abd051056e1a64a325e952e1337bcc34d28fed/height=288;version=1;width=512/https%3A%2F%2Ff1zxujx2.user.webaccel.jp%2Fwp-content%2Fuploads%2F2015%2F06%2F12-design-diy-rule-top.jpg)
デザインを語る上で重要な要素のひとつ、「フォント」。デザインを実際に手がける人だけでなく、それを見る多くの人にとってなじみ深いフォントとして、Windowsのプリインストールフォント「MS Pゴシック」は代表的なもののひとつかもしれません。 「MS Pゴシック」 「MS Pゴシック」は過去にマイナビニュースで実施した美大生の「お気に入りフォント」アンケートにも名前が挙がった実力派(?)ですが、実際に日々グラフィック/エディトリアルデザインを手がけているデザイナーの目には、この定番フォントはどう映るのでしょうか。 今回は、デザイン会社にてエディトリアルデザイン/Webのレイアウトデザインを手がけているSさんに、「MS Pゴシック」についての率直な思いを伺いました。 ――「MS Pゴシック」、デザイン業務で使うことはありますか? 私は主にエディトリアル(雑誌や書籍など)、グラフィック、Web領
ferret編集部:2014年12月11日に公開された記事を再編集しています。 「デザインに関しては、全くわからないからデザイナーさんに全てお任せ!」 「デザインは感性や才能だし、なんて伝えていいかもわからない。」 と感じる方も多いのではないでしょうか? デザインが本業でない場合、時間を割くのが難しいという担当者さんが多いのが現状です。 しかし、デザインの多くは原理原則や、法則に則ったうえで考えられています。少しでも理解することでデザイナーさんとの連携もスムーズになりますし、なによりクオリティが上がること間違いないです。 今回は、デザインの原理原則が分かりやすく書かれている記事をまとめました。 1.デザインの基礎 【追記あり】【初心者】デザインってなんだ?「デザイン」の概念と、4つの基本原則を知ろう http://wp-e.org/2014/03/09/995/ こちらの記事では、そもそも
ferret編集部:2015年1月23日に公開された記事を再編集しています。 非デザイナーであれば、デザインの世界はセンスであったり、感性の問題だから自分にはできない。あるいは苦手意識があると思われている方も少なくないのではないでしょうか。 しかし、美しいデザインには法則というものが存在します。デザインの法則さえ、理解できていれば非デザイナーであっても基礎的なデザインは可能です。 今回は、非デザイナーが押さえておくべきデザインの基礎的な法則についてまとめました。 このニュースに興味のあるあなたにおすすめ ・Webデザインに役立つ無料のツール・デザイン集まとめ ・これだけ読めば大丈夫!デザインの基礎が学べる厳選5記事 ・【事例あり】ランディングページ作成の基礎記事2選+参考になるデザインサイト集8選 規則正しいデザインが必要な場合 1 繰り返しの法則 上記のような形は同じでも2つ並んでいるだ
「ぶっちゃけ感」とバリエーションが魅力のUI/UX勉強会!第57回 HTML5とか勉強会レポート 白石 俊平(HTML5 Experts.jp編集長) こんにちは、編集長の白石です。 2015年5月20日、第57回 HTML5とか勉強会「UI/UX」に参加してきました!簡単で恐縮ですが、レポートとまとめをお届けします。 チームでつくるUIデザイン 最初のセッションは、Goodpatch社の小島芳樹さん、ひらいさだあきさんによる「チームでつくるUIデザイン」です。 彼らが日々の業務で実践している、UIデザインやプロトタイピングについてのTipsが紹介されました。 チームでつくるUIデザイン マシュマロ・チャレンジで理解する、プロトタイピングの重要性 まずはマシュマロ・チャレンジというワークショップについて、TEDで動画が公開されているプレゼンテーションを引き合いに出しつつ、プロトタイピングの
「事業会社でwebデザインできるデザイナーって少なくない?!30代なんてほんと少ない!!」 デザイナーの友人と飲み会にて、ふとそんな話になった。 私はwebデザイナーではないけど、採用にも関わってる中でデザイナー採用の難しさは感じてるし、勉強会とかであった他社の人からも同じような声をきく。 でも、転職したいといって転職活動をしている30代のwebデザイナーが多いということも肌感で感じている。この状況ってなんなんだろう?と思いぐるぐる文章をまとめてみた。 ※あくまで私の周囲の観測範囲内の話、という点ご了承ください。 30代以降のwebデザイナー転職によくみられる傾向 特に個人的な観測範囲でよくみるのは、30代中盤以降の女性のwebデザイナーの転職が難航しているパターンだ。 DTPからwebデザインに入りグラフィックデザイン歴が10年以上で、紙とweb両方のグラフィックデザインができることも多
フォームローラーでほぐし続けた結果...ようやくわかった効果とメリット3つ #Amazonプライムデー
業務や個人でのアプリ開発で、UI デザインを考えるときに参考にできそうなサイトを紹介します。なかなか個性的・奇抜だったり、少し古い UI が混ざってたりしますが、インスピレーションを働かせる良い刺激になります。 tumblr 多めです。 Behance https://www.behance.net/ Adobe のポートフォリオサイトです。 モバイルデザインのみならずファッションやグラフィックデザインなど、様々なコンテンツが登録されています。 このサイトでは Creative Field という名前でカテゴリ分けされており、アプリ開発においては Interaction Design や Web Design あたりが参考になります。 Pinterest https://jp.pinterest.com/explore/%E3%83%A2%E3%83%90%E3%82%A4%E3%83%A
モバイルアプリのUIパターンを手軽に参照できるリファレンスの第2版。デザイントレンドの変化に対応して全面改訂。主要なプラットフォームで動くモバイルアプリの画面例を1,000点以上使いながら、ユーザーインタフェースの定番パターンをグラフィカルに解説します。本書で紹介する83個の基本パターンと7個のアンチパターンが、使いやすいモバイルアプリをデザインするうえでクリアしなければならない設計上の課題を解決してくれます。 掲載UIパターン:ナビゲーション、フォーム、テーブル、検索、並べ替え、フィルター、ツール、グラフ、誘導、ソーシャル、フィードバック、アフォーダンス、ヘルプ、アンチパターン 監訳者まえがき 序文 まえがき 第1章 ナビゲーション 1.1 主要なナビゲーションのパターン(永続的) 1.1.1 Springboard(スプリングボード) 1.1.2 Cards(カード) 1.1.3 Li
Web制作やアプリ開発では、本格的なデザインに入る前にワイヤーフレーム作ることがよくあります。制作会社によってはPower pointやExcelなどが使われることもありますが、それらはワイヤーフレームに最適化されておらず、やや不便。 以下で紹介するようなツールを使えば、もっと便利で豊富な機能を使うことができます。Excel方眼紙から卒業したい!という方は要チェック。 無料で使えるワイヤーフレームツールまとめ JUSTINMIND こちらはワイヤーフレームからデザインまで可能なプロトタイピングツール。PCサイトはもちろん、モバイル向けのサイトやアプリのワイヤーフレームも作れます。Photoshopのような洗練されたUIで、ドラッグ&ドロップでコンテンツを追加することができます。 Wireframe CC こちらは完全フリーで使えるワイヤーフレームツール。Webアプリなのでブラウザ上で編集す
こんにちは、あんみつ(@murata_atsumi)です。 この記事はCAMPHOR- Advent Calendar 2014の20日目の記事です。 私ブログが超苦手で普段からあんまり書かないから、何書こうか迷ったのですが、 一応CAMPHOR-には主にデザインの部分で関わることが多いので、 デザインのことを書こうと思います! はじめに エンジニアの皆さん、そしてそうじゃない皆さんも、たまに『メイン画像』を作らなければいけないときがあるんじゃないでしょうか。 メイン画像というのは、こういうのとか (引用:https://www.cyberagent.co.jp/recruit/fresh/internship/ ) (引用:http://tokyometro10th.jp/future/opendata/ ) こういうのとかですね。 または、Facebookページのカバー画像や、OGP用
UXデザインに正攻法はないから「仮説」をとにかく出してみる─秋葉秀樹ロングインタビュー 白石 俊平(HTML5 Experts.jp編集長) HTML5 Experts.jpが誇るエキスパートたちに、「UX」というテーマでインタビューするシリーズ第四弾です。 今回のテーマは、「UIデザイナーにとってのUX」。インタビューしたのは、NFC技術を利用して水族館の魚をスマートフォンアプリ内に持ち帰ることできる「Ikesu」など、ユーザー体験を提供する企画・デザインで活躍中のエキスパートNo.16の秋葉秀樹さん。 常にエンドユーザーがワクワクする体験を考えつつ、クライアントの要望を聞き出してカタチにしていく秋葉さんに、デザイン思考や仕事スタイルについて聞いてきました。 UXは概念ではなく、本質で語るべき 白石:まず聞いてみたいのは、UXが最重要視されるようになったここ数年で、Webデザイナーの仕事
2014.11.19 / UI 画面遷移に疑問を感じたあなたにオススメするUI Flowsというツール Tomohiro Suzuki クライアントやディレクターから渡された画面遷移図を元にワイヤーフレームを作ってみると、後から足りない画面が次々に発見された、または画面内の情報がどこに繋がるのか分からないといった経験はありませんか? この画面遷移図というものは本来は制作範囲の全体像と構造を明確にし、必要な画面というものを洗い出したりするものです。通常のWebサイトであれば、従来のような画面遷移図でも問題ないかもしれませんが、多くのインタラクションが発生するサービスの設計では複雑化しやすく、何度も情報を行き来して確認することになるため時間がかかります。 原因のひとつとして、画面遷移図では画面名のみを記載して繋げていくことになるため、必要な情報が不足していることが挙げられます。その結果、本来で
前回こんな記事を書いた。要約すると「戻る」に手が届かねえって話。 同意も多かったのだが、「左端をエッジスワイプで戻る」が実装されている、というコメントを多くもらった。試してみたところ。。。。おお!すごい!たしかに!iOS7からNavigationControllerのデフォルトの挙動として実装されてるらしい*1。 で、これやってみた人いる?なんかやりづらくなかったですか?やりづらかったですよね?やりづらかったことにしましょう。その経緯とそこから広げて色々書いてみようと思うので! 長いですごめんなさい。崩壊の話が聞きたい人は「行き詰まり」から読みましょう。 なぜエッジスワイプはやりづらいのか そもそもスワイプとエッジスワイプの違いはわりと難しい。 スワイプは真ん中辺りにポイントして、上下左右に動かす。エッジスワイプは端にポイントして、内側に動かす。 スワイプとエッジスワイプ このブログに来る
本稿では、まず「ウェブサービス開発の現場で、ウェブデザイナーの仕事はエンジニアに奪われつつある」という脅威を語る。次に、生存戦略を考えるヒントとして「分かりやすい生存戦略」を2つ提示する。「アートディレクター」と「フルスタックウェブデザイナー」という2つの生存戦略だ。 なお、「仕事を奪われていくプロセス」と「生存戦略を遂行するプロセス」について、5〜10年程度のタイムスパンをイメージしている。 ウェブデザイナーの仕事がエンジニアによって奪われつつある ウェブサービス開発の現場では、ウェブデザイナーの仕事がエンジニア/プログラマーによって少しずつ奪われつつある。とくに小さな組織や新規事業の現場では。 象徴的なのは「Bootstrapがあればデザイナー不要だよね」論。「もはや社員としてデザイナーを雇う必要はなくて、必要な時にランサーズで発注すればいいよね」「スタイルシートいじったり画像パーツ作
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く