今年(2015年)で見かけて気になったものやダウンロードしたデザインUIキットのまとめです。 そのままデザイン素材として使用するだけでなく、パーツやカラーの組み合わせ方を参考にしたり、どのようなレイヤースタイルで作られているかなど制作時のヒントに繋がる場合もあると思います。 紹介しているUIキットを使用する際は、ライセンス等は各自で再度確認してください。
企業のロゴをデザインする際に重要となる要素の一つが「フォント」です。 どのフォントを使うかによってイメージが大きく異なりますので、目的としている企業のコンセプト、イメージしているものに近いものを選ぶ必要があります。 そんなロゴデザインでぜひとも参考にしたいのが有名企業、ブランドが採用しているフォントです。 誰もが知る大手企業でも意外に定番のフォントを使っていたり、既存のフォントをベースにユニークなアレンジを加えている企業があったりと、デザインのヒントが隠れています。 今回は、有名企業・ブランドが採用しているロゴフォントをまとめてご紹介します。 ▼ディレクターとデザイナーで読みたい資料 マーケ思考のデザイナーは強い! 提案型デザイナーのススメ リード獲得が重視される「広告・LP・サービスサイト」などに携わるデザイナーの皆様に向けての資料です。成果を出すデザインにするために心がけたいポイントを
スマホアプリやWebアプリのプロトタイプやデモの操作を見せる時などに、スマホでのタップやデスクトップでのクリックを表現する波紋のアニメーションを簡単に実装できるスクリプトを紹介します。 ランディングページや使い方ページでこういうのよく見かけますね。 TouchPoint.jsの使い方 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 <body> ... コンテンツ ... <script src="touchpoint.min.js"></script> </body> Step 2: JavaScript タッチポイントの対象にしたいDOM要素を指定して、スクリプトを実行します。 プロトタイプであれば、「window」でいいでしょう。 <script> TouchPoint.init(window); </script> エレメントを指定したり、波紋のカラーや
2. 2015 Yusuke Hirao, CC BY-ND. 自己紹介 平尾優典(ひらお ゆうてん) === 株式会社ディーゼロ Webエンジニア ## コミュニティ活動 - 福岡フロントエンド友の会 Fukuoka Frontend Frogs - 福岡マークアップ勉強会 - baserCMSユーザー会 Yusuke Hirao @cloud10designs 3. 2015 Yusuke Hirao, CC BY-ND. 自己紹介 ## コミュニティ紹介 ### 福岡フロントエンド友の会 Fukuoka Frontend Frogs ### 福岡マークアップ勉強会 ### baserCMSユーザー会 「井の中の蛙」にはならないようにと集まった フロントエンドエンジニアのためのコミュニティ。 Webコーディング・アプリ開発の悩める蛙たちが その場で話題を決めて、アンカンファレンス形式で
みなさんはAdobe Photoshopでどのように画像を書き出してますか? 最新のPhotoshopではさまざまな画像書き出し機能が搭載されていますが、どれを選択するかで手間が異なります。 本記事ではPhotoshopのさまざまな画像書き出し機能を紹介し、最適な画像書き出し方法を検証します。 この記事はPhotoshop CC 2022 (23.5.0)で検証しています。 この記事のポイント 新しい画像保存方式(書き出し形式、クイック書き出し)は手間が少ないので、作業効率が良い 新しい画像保存方式はデフォルト設定で、小さなファイルサイズの結果を得られやすい アニメーションGIF保存は「Web用に書き出し(従来)」を使う Photoshopの画像書き出し方法一覧 Photoshop CCにおいて、画像を書き出す方法は分けて5種類あります。 書き出し形式 [ファイル]→[書き出し]→[書き出
Amebaのクリエイティブディレクターが徹底考察! UI/UXがイケてる!おすすめスマホアプリ 第8回 29cm 2015年7月23日 TEXT:鬼石広海(株式会社サイバーエージェント) より良いユーザー体験を提供するうえで、スマホアプリにおけるUIの工夫やユーザーの心的効果を考慮したデザインなどを、サービスの機能ごとに紹介していく本連載。第8回目では韓国で展開されているECアプリ、29cmを取り上げる。 29cmは、さまざまなアパレル・雑貨ブランドの商品をWeb上で購入できる、いわゆるオンラインショッピングモールだ。一般的なECサービスと異なり、まるでファッション雑誌やギャラリーを見ながら商品を購入するようなアプリ設計が特徴だ。 ECアプリとしては初となる、世界3大デザイン賞に挙げられる「レッドドット・デザイン賞」および「ドイツ iFデザイン賞」でWinnerを獲得している。今回はコンセ
チラシを制作するのに、大体いくらくらいかかるのでしょうか。 イベントへの集客のために街で配ったり、展示会ブースで興味を持ったお客様に配ったり、パンフレットに次回公演のお知らせを挟んだり、「チラシ・フライヤー」の出番は意外とあることと思います。WordやPowerPointで作った原稿をそのまま印刷するのであれば、印刷会社にそのまま頼むだけで安くつくることができますが、デザインも格好良くしたい、という場合にはデザイナさんに頼まなければなりません。 デザインは、どの程度こだわるか、写真素材やイラスト素材を使うか否か、前回のパターンを使えるか否か、などによって工数が異なるので見積りが必要なケースがほとんどです。お付き合いのあるデザイナーがいる場合は、手早く安く作ってくれるケースも多々ありますが、そうでないといくらかかるのかよくわからないものです。また知り合いのデザイナに頼む場合でも相場を知らない
はじめに 私が直感で”素敵だなぁ”と思ったWebサイトをご紹介します。日々様々な情報を得る為にホームページを見に行く訳ですが、その中でも見た目のデザインや使いやすさに特化したWebページを自分なりにまとめてみました。 目次 はじめに 横浜中華街オフィシャルサイト 転職サイトGreen(グリーン) ワーナーミュージック・ジャパン 北欧、暮らしの道具箱 通販ベルメゾン ミニラボ(minilabo) 箱庭 haconiwa ドラおじさんの薬剤師・転職相談室 feve casa オンライン住宅雑誌 ZERO-CUBE MALIBU×カリフォルニア工務店のコラボハウス 写真・イラスト・動画などの素材屋「123R」 さいごに 横浜中華街オフィシャルサイト www.chinatown.or.jp 横浜中華街で「美味しい飲食店はないかなー?」と探していた時に出会ったのがこちらのWebサイトです。全体の雰囲
Blog クライアントと作るメッセージ性のあるロゴ制作のワークフロー(後編)Jul 10 2015 前編では、ロゴの一般論と制作前に意識するポイントしました。 後編は、実際にどんな風にロゴが作ったのか、またガイドラインの制作のポイントについて触れたいと思います。 仮想のシチュエーションですが、これまでのロゴの制作を振り返ってシチュエーションをつくってみました。 まず、ヒアリングからです。 ヒアリング 今回は、ご依頼を頂き、以下の内容を聞きました。 ・名前の由来 ・サービス概要・コンセプト ・サービスのメリット・デメリット ・誰に向けたものか ・なぜそのサービスを作ろうと思ったか ・リニューアルだったため、なぜリニューアルしようと思ったか ・最終的な要望(ゴール) ・どこで展開されるサービスか・おもな掲載媒体など ・どんな雰囲気を希望してるか ・浮かんでいるモチーフはあるか ヒアリング結果
via Flickr by “Serge Kij“. Licensed under CC BY-SA 2.0. ピックアップ | 10 do’s and don’ts of UI and UX design ユーザーの視点に立ち、良いユーザー・インターフェイス(UI)とユーザー・エクスペリンス(UX)を追求することは、アプリケーションを開発する企業にとって絶対外せないポイントだ。いくら技術力が高くても、それがユーザーの求めるものに一致しなければ自己満足に終わってしまう。敢えて余計なもの取り除きデザインのシンプルさを追求することでユーザー獲得に成功した事例もThe Bridgeでは紹介してきた。 以前紹介した「日本のウェブデザインはなぜこんなにも世界と違うのか?」という翻訳記事も話題を呼んだが、日本のウェブデザインは欧米のデザインと比べると「とにかく情報量が多すぎて、ごちゃごちゃしている」と
「こんなサービスがあったらいいのに」。少し前まで、そう思うことに留まっていたものが、「ないなら自分で作っちゃおう」と自らサービスを開発する人が増えています。面白法人カヤックでエンジニアとして働く後藤理華さんも、そんな一人。会社員として仕事をしながら、土日を使ってデザインやプログラミングまでを一人で行い、約4ヶ月間をかけてリリースしたアプリが、「meal」です。 自分の両親でも使えるシンプルさ mealは、朝・昼・晩 三食の写真を記録していく食のライフログアプリです。アプリの主な操作は、「写真を撮る」または「アルバムからインポートする」の2つだけ。撮った写真がカレンダー形式に並べて表示され、食べたものを一目で振り返ることができます。アルバムから取り込んだ写真は、撮影日時をもとにアプリ側が朝食・ランチなどに自動振り分け。ユーザーには何の手間もかかりません。 mealを開発するにあたって、後藤さ
ビジネスにおいて、情報収集は欠かすことができません。 そのためには、日々、少しでも多くの情報に触れ、効率よく短時間で情報を得ることが重要になります。 今回は、情報収集をする際に有効活用できる、Google Chromeの拡張機能20選をご紹介します。 どの拡張機能も、インストールするだけで直感的に使用できる便利な機能ばかりなので、気に入ったものがあれば活用してみてください。 オススメのChrome拡張機能20選 1.情報収集編 ●Black Menu https://chrome.google.com/webstore/detail/black-menu-for-google/eignhdfgaldabilaaegmdfbajngjmoke?hl=ja Googleの各種サービスにすぐにアクセスできるChrome拡張機能です。 ツールバーに配置されているボタンをクリックするだけでメニューが
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く