デザイナー向けに行なったHTML勉強会の資料を公開します｜sakito

2023/08/08 394 users 一環 HTML UI設計 意図 アドバイザー

今回はChatwork株式会社のデザイナー向けに行なったHTML勉強会で使用した解説資料をお伝えします。私は3年ほど前からChatwork株式会社の開発のサポートやデザイン基盤活動のアドバイザーとして参画しており、その活動の一環で会を開催しました。 開催の意図と目的開催概要は@emimさんが、UI設計はHTMLの理解からというタ... 続きを読む

プログラミング用フォントとUIデザインのどちらにも使える！ 美しさと読みやすさを兼ね備えたフォント「Martian Mono」

2023/02/08 164 users フォント プログラミング用フォント UIデザイン 美学 人目

Webデベロッパーとデザイナー向けに、Groteskの人目を引く美学と読みやすさと分かりやすさを追求したオープンソースのフォントを紹介します。 ボタン・フォーム・リストなど、限られたスペースのWebサイトやスマホアプリのUIデザインにも適しています。 Martian Mono -GitHub Martian Monoは、Martian Grotesk（myfonts.... 続きを読む

Webデザイナーが覚えておきたい写真の基本構図 | 東京のWeb制作会社QUOITWORKS（クオートワークス）

2020/12/07 261 users クオートワークス フォトストック 基本構図 Webデザイナー

こんにちは！今回はデザイナー向けに押さえておきたい「写真の構図」について記事を書きました。 デザインをする上で欠かせない素材の一つが「写真」。カメラマンと撮影に同行して写真の指示や良し悪しの判断を求められたり、フォトストックから選定をして加工、トリミングをしたりとデザイナーが写真と関わる場面は多く... 続きを読む

エンジニア/デザイナー向けの会社紹介資料を公開しました - 一休.com Developers Blog

2018/09/05 54 users エンジニア 一休.com Developers Blog

一休で働くことに興味を持っていただくために、一休のサービスやビジネス、開発組織がどうなっているかを紹介する資料を公開しました。 もし興味を持っていただけたら、いつでも話を聞きに来てください！ www.ikyu.co.jp おまけ 先日、弊社のCSSエンジニアの募集がちょっとだけ話題になっていました。 "CSSエンジニア"っ... 続きを読む

(デザイナー向け) 3daysサマーインターンシップ開催レポート！ | 株式会社インディバル

2018/08/26 16 users 株式会社インディバル

インディバルでは、学生向けのインターンシップを定期的に開催しています。今回は8月20日から3日間に渡って行われたデザイナー志望者向けのインターンシップをレポートします。3日間でユーザーの行動や特性からニーズを導きだして、検討したアイデアをデザインプロトタイプとしてアウトプットするまでを実践する、とても... 続きを読む

こんな便利なのがあったとは！Web制作者やデザイナー向け、macOS用のアプリとツール 総まとめ | コリス

2017/04/05 398 users MacOS コリス デザイナー 定番 macOS用

Web制作者やデザイナー向けの定番のアプリ・ツールをはじめ、あまり知られていない便利なものまで、macOS用のアプリとツールを紹介します。 制作者やデザイナーに限らず、macOSを便利にするツールもたくさん揃っています。 Awesome Mac -GitHub MITライセンスで公開されており、せっかくなので、翻訳してみました。 私が日常的に使うツールや、気になっていたツールも含まれており、こんな... 続きを読む

【デザイナー向け】これからAndroidのデザインをする人へ - Qiita

2017/03/07 492 users 歴史 デザイナー Androidエンジニア エンジニア目線

はじめに 自己紹介 私は日本にAndroidが上陸したAndroid 1.6の時代(2009年頃)からAndroidの開発者としてAndroid7系になった今も(執筆時2017年)Androidエンジニアを続けています。 Androidの歴史をずっと側で見守り続けた私がエンジニア目線で思っている事を述べるので、これからAndroidのデザインをするデザイナーに見て頂きたいです。 ※ この記事の内容... 続きを読む

乃木坂46から神社まで…「めちゃくちゃ売れる専門誌」は作れるか？攻めのデザイン誌の挑戦

2017/01/20 309 users 乃木坂46 神社 挑戦 デザイン誌 専門誌

「おそ松さん」「君の名は。」「シン・ゴジラ」「欅坂46」――2016年の1年間で、ある雑誌の表紙を飾ったモチーフだ。 これだけ聞くと、世の中のトレンドを取り上げる雑誌を想像するだろうか。 雑誌の名は 「月刊MdN」 。アニメ誌でもカルチャー誌でもなく、デザインの専門誌だ。 数年前までは、現場のデザイナー向けにノウハウを紹介する雑誌だった。今は毎月特定のテーマを定め、さまざまな視点で映像やグラフィッ... 続きを読む

フォント見本帳の全665書体からどうしても欲しい27書体を選んだ - Life is bitter

2016/10/31 312 users Life is bitter bookmark 作者 特集

2016 - 11 - 01 フォント見本帳の全665書体からどうしても欲しい27書体を選んだ デザイン Bookmark! Facebook Twitter Google+ Pocket (今回は完全にデザイナー向けの記事です。) 月刊MdN 2016年11月号(特集:絶対フォント感を身につける。2) 作者: MdN編集部 出版社/メーカー: エムディエヌコーポレーション 発売日: 2016/1... 続きを読む

FRONTEND CONFERENCE 2016

2016/01/18 34 users FRONTEND CONFERENCE バン 祭典 大阪梅田

関西最大級のフロントエンドの祭典、FRONTEND CONFERENCE 2016!! 大阪梅田 にて 2016.03.05 開催!ABOUT 関西最大級のフロントエンドの祭典 2016年03月05日　大阪梅田の新梅田研修センターにて、 フロントエンドエンジニア/デザイナー向けイベントを開催します。 デザイナー向け、エンジニア向け合わせて10以上のセッショントラックに加え、 もくもく会ブースやハン... 続きを読む

スタートアップの現場で求められるデザイナーのスキルとは？ - Co-Edo Designers Talk #1 - Co-Edo Developers | Doorkeeper

2015/05/13 22 users Doorkeeper Co-Edo コーディング ペライチ

デザイナーも知っておきたいHTML+CSSコーディングの最新常識 - Co-Edo Designers Talk #1 Co-Edoでは新たにデザイナー向けのイベントも開催します！ 今回の内容は豪華3本立て！ 1本目は最近本を出した小川 裕之さんをゲストに迎え、デザインとコーディングのお話を。 2本目は、デザインスプリントについて。ペライチを運営するホットスタートアップの香月雄介さんにGWに実践し... 続きを読む

アドビ「Comp CC」は「どこでもデザイン」を可能にする « WIRED.jp

2015/04/18 31 users アドビ Comp CC WIRED.jp われわれ スイート

iPadで描いた画像を他のアドビ製品にインポートし、デスクトップでさらに編集を加えることもできる アドビは3月31日（米国時間）、デザイナー向けの新ツール「Comp CC」を正式にリリースした。 Comp CCは、「Creative Cloud」スイートの最新ツールだ。われわれが「Adobe MAX 2014」で見たときには「LayUp」と呼ばれており、クリエイターのコイ・ヴィンがデモを行っていた... 続きを読む

[デザイナー向け] GulpとGraphicsMagickで校正途中のPDFを差分比較する。マルチページ・マルチファイル対応 - Qiita

2015/02/23 33 users Gulp Qiita GraphicsMagick PDF

DTPにおける校正漏れリスクを低減したい DTPの校正を重ねる過程でしでかすと怒られるのが、「指示されていない部分で意図しない変更が発生してしまう」こと。特に大量のデータの入ったカタログのようなものを作る際、こちら側の作業ミスで大事な部分に間違い(たとえば電話番号や商品の価格など)があるデータを入稿してしまい、それが何万部も刷られてしまうと、損害賠償問題にも発展しえる。 意図しない変更が起こってい... 続きを読む

オススメのあわせて読みたいGit本（たぶんデザイナー向け - Uni-Q blog

2014/10/08 53 users Uni-Q blog GitHub Git 塩谷 おすすめ

2014-10-09 オススメのあわせて読みたいGit本（たぶんデザイナー向け Git 自分でも（同人誌で）Git本を作りましたが… C86：新刊「イメージできるGit」の告知 - Uni-Q blog これと合わせて読むとよさそうなGit本／サイトを紹介します。 Web制作者のためのGitHubの教科書 Web制作者のためのGitHubの教科書 チームの効率を最大化する共同開発ツール作者: 塩谷... 続きを読む

[デザイン]ピクトグラムに求められる条件、制作の難しさと楽しさ - WEBCRE8.jp

2014/10/03 50 users ピクトグラム ピクタソン ハッカソン 物体 概念

ピクトグラム制作には、文字を自分で生み出すような面白さと、物体や概念を絵に落とし込む楽しさがあります。デザイナー向けハッカソン「ピクタソン」の参加を通して感じたことを書きます。 先日ピクトグラムを作ってその出来を競うデザイナー向けのハッカソン、「ピクタソン」というイベントに参加してきました。その中で、元々好きなピクトグラムの制作の難しさと、そして楽しさをまた実感することができました！ というわけで... 続きを読む

iOS 8でファイルをアップロードすると破損するバグが見つかる - GIGAZINE

2014/09/19 75 users モバイルデバイス GIGAZINE パク バグ問題 ブラウザ

モバイルデバイスの開発者向けフォーラムBreaking the Mobile Webで、iOS 8とiPhone 6のウェブ開発者およびデザイナー向けにさまざまな情報が交換されています。その中の「バグ問題」の項目で、iOS 8のブラウザからファイルアップロードを行うとファイルが壊れてしまうという報告があがっています。 iOS 8 and iPhone 6 for web developers an... 続きを読む

デザイナー向け！iPhone6対応について（情報追加中！） | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2014/09/18 446 users KAYAC DESIGNER Blog マークアップ

みなのもの落ち着け！ iPhone6/6+の発売がいよいよ明日となりました！ 二年ぶりとなる画面サイズの変更に加えて@3xの台頭などもあるので、 慌てている・不安なデザイナー同志に向けて気をつける情報をまとめてみました。 画面解像度 アイコン・スクショ レイアウト対応について ひとまず気にするのはこの辺りの情報！ これを読んで、幾分かは晴れやかな気持ちで明日を迎えましょう。 それにしても時代はレス... 続きを読む

有名企業も利用！話題の企業とトップレベルのマーケターを繋ぐ「Traction」 | Techable(テッカブル)

2014/08/23 22 users Techable テッカブル デジタルマーケティング 既存

ここ1、2年急速に注目を集めているのが”クラウドソーシング”という仕事の方法だ。 それに付随して、様々な分野に特化したクラウドソーシングに関するサービスが次々と立ち上がっている。 今回紹介する「Traction」というサービスも、デジタルマーケティングに特化したクラウドソーシングサービス。エンジニアやデザイナー向けのサービスに比べて、まだ比較的既存のサービスが少なかった分野である。 まだまだ新しい... 続きを読む

Webデザイナーのスキルアップに役立つ便利なチートシートのまとめ | コリス

2014/08/21 406 users コリス Ado グリッドシステム スキルアップ チートシート

先月は「Web制作時に備えておくと便利なチートシートのまとめ」でデベロッパ向けのチートシートを紹介しました、今回はデザイナー向けのチートシートをまとめました。 Photoshopの各バージョンに対応したショートカット、ブラシやペンツールの使い方、初期設定をはじめ、デザインの要素と原則、カラーセオリー、タイポグラフィ、グリッドシステム、レスポンシブなど、デザインの現場で役立つものばかりです。 Ado... 続きを読む

グーグルも出資、起業を目指すデザイナー向けのプログラム「30 Weeks」 « WIRED.jp

2014/06/17 54 users weeks 出資 グーグル 起業 WIRED.jp

TEXT BY LIZ STINSON VIDEO BY 30 WEEKS TRANSLATION BY RYO OGATA, HIROKO GOHARA/GALILEO WIRED NEWS 原文(US) HBOで最近始まったコメディードラマ『シリコンヴァレー』の主人公は、ぱっとしない外見のプログラマーだ。しかし、もし彼がデザイナーだったらどうだろう。 主人公がプログラマーだという設定は、シリコ... 続きを読む

Webサイト作成手順を勉強するまとめ（3）：HTML5初心者でもWebアニメーションの簡単な作り方が分かる記事11選 (1/3) - ＠IT

2014/05/15 90 users Webアニメーション エレメント まとめ 作り方 Flash

Webサイト作成手順を勉強するまとめ（3）：HTML5初心者でもWebアニメーションの簡単な作り方が分かる記事11選 (1/3) 新社会人のWeb制作者／デザイナー向けにAdobe Creative Cloudの使い方を例に、現場で使える具体的な制作手順とテクニックを学んでいく入門まとめ連載。今回はWebアニメーション制作に役立つEdge AnimateやFlash の使い方について。エレメント、... 続きを読む

スキャンした色がすぐに使えるペン | roomie（ルーミー）

2013/10/26 29 users roomie ルーミー Photoshop インターン ペン

こちらは、現在ルーミーにインターンとして参加しているEeviによる記事です。英語と日本語でお届けします。 韓国出身のデザイナー、パク・ジン・スンさんがつくったこちらのペン「Color Picker」。デザイナー向けに開発されたのですが、何ができるかというと… 上の画像のようにものに当てると、そのものの色のペンになるというもの！　Photoshopのスポイトツールみたいですね。 A Korean d... 続きを読む

WEB制作者・デザイナー向け知ってて便利な最近追加したお薦めブックマークのまとめ。45記事:susi-paku web

2011/09/27 22 users susi-paku web susi-paku トー 肥大化

2011年9月27日 (火)　 日々、新しい情報が発信されいつの間にか肥大化したブックマークの整理も兼ねて　最近追加したお気に入りのサイトさんを紹介したいと思います。 susi-pakuの最近追加したお薦めブックマークは下記からどーぞ WEB制作読み物系リンク ホームページ制作におけるちょっとしたハウツー系多め Web制作者は知っておきたいwebサイトのレイアウト7選 | Design Spice... 続きを読む

【デザイナー向け】めちゃくちゃシンプルなポスター40選。思わず「あぁ…」ってなること間違いなし

2011/09/20 17 users

ゆっくりしていってね!!!について ブログ名：ゆっくりしていってね!!! 管理人名：ゆっくり 『ゆっくりしていってね!!!』はニコニコ動画の「ゆっくり実況プレイ動画」を紹介するブログです。管理人はSof-Talkの声が大好きすぎて、寝るときはいつもゆっくり実況シリーズを垂れ流して子守唄にしているほどです。そんな管理人が、オススメのゆっくり実況プレイ動画を毎日紹介させて頂きます。普通のゲーム実況動画... 続きを読む

fladdict » デザイナ向けのDesignGuyという英語ポッドキャストがイイ感じ

2011/06/29 26 users fladdict グリッドシステム タイポグラフィー 発音

Design Guyはデザイナー向けの英語ポッドキャスト。iTunesで入手できます。 グラフィックデザインの歴史や、タイポグラフィーやグリッドシステムについてなどを、英語で授業してくれます。全40話で現在は更新停止。 海外の人とデザインの話をするときは、用語が違ったり人の名前の発音が違ったりで苦戦することもしばしば。なのでこういうの普段から聞いておくといいリハビリになるのではないかと。 英語苦手... 続きを読む